首页 > 代码库 > WdatePicker控件级联选择
WdatePicker控件级联选择
控件代码
<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控件级联选择
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。