首页 > 其他 > 详细

WdatePicker控件级联选择

时间:2017-08-01 22:11:56      阅读:328      评论:0      收藏:0      [点我收藏+]

控件代码

<td nowrap="true">
      <input style="width: 90px;" onclick="WdatePicker({ dateFmt: ‘yyyy-MM‘,startDate:‘%y-%M‘ })" class="Wdate" name="DateMonth" id="DateMonth">
      月
</td>
<td nowrap="true">
      -<input style="width: 90px;" onclick="WdatePicker({ dateFmt: ‘dd‘,startDate:‘%d‘ })" class="Wdate" name="DateDay" id="DateDay">
      天
</td>

 

页面加载 js代码

<script>
    $(function () {
        $("#DateMonth").val((new Date()).format(‘yyyy-MM‘));
        $("#DateDay").val((new Date()).format(‘dd‘));

        $("#DateMonth").bind("click focus", function () {
            var day = $dp.$(‘DateDay‘);
            WdatePicker({
                dateFmt: "yyyy-MM",
                onpicked: function () {
                    day.focus();
                }
            });
        });
        //级联显示
        $("#DateDay").bind("focus", function () {
            var d = $("#DateMonth").val();
            var date = new Date(d + ‘-01‘);
            var xdate = new Date(date.getYear(), date.getMonth() + 1, 0);
            WdatePicker({
                minDate: date,
                maxDate: xdate,
                dateFmt: "dd",
            });
        });
    });
</script>

  

效果

技术分享

 

wdatepicker控件知识详解

 

WdatePicker控件级联选择

原文:http://www.cnblogs.com/tooy/p/7270734.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!