日历My97DatePicker绑定 博客分类: js-jquery My97DatePicker
程序员文章站
2024-03-11 12:38:31
...
1 绑定日期
导入My97DatePicker/WdatePicker.js
body中加入:
2 绑定类似开始日期-结束日期
导入My97DatePicker/WdatePicker.js
body中加入:
导入My97DatePicker/WdatePicker.js
body中加入:
<input type="text" id="date" name="date" class="Wdate" onfocus="WdatePicker()" readonly="readonly" />
2 绑定类似开始日期-结束日期
导入My97DatePicker/WdatePicker.js
<script type="text/javascript"> function controlDate(){ var date1 = document.getElementById("startTime").value; if (date1!="") { var year = date1.substr(0,4); var month_1 = date1.substr(5,1); var month_2 = date1.substr(6,1); var last ; if (month_1=="0") { last = year+'-'+(parseInt(month_2)+1)+'-01'; }else { last = year+'-'+(parseInt(month_1+month_2)+1)+'-01'; } document.getElementById("lastDate").value=last; WdatePicker({minDate:'#F{$dp.$D(\'startTime\',{d:2});}',maxDate:'#F{$dp.$D(\'lastDate\',{d:-1});}'}); }else { WdatePicker(); } } </script>
body中加入:
<input type="text" id="startTime" name="startTime" class="Wdate" onfocus="WdatePicker()" readonly="readonly" /> - <input type="hidden" id="lastDate" /> <input type="text" id="endTime" name="endTime" class="Wdate" onfocus="WdatePicker({minDate:'#F{$dp.$D(\'startTime\',{d:1});}'});" readonly="readonly" />
推荐阅读
-
学习了一个时间控件 灵活 博客分类: Java时间 my97DatePicker
-
my97DatePicker选择年、季度、月、周、日 博客分类: WEB前端 my97DatePicker日历控件季度年周
-
extjs My97DatePicker 整合 博客分类: ext extMy97DatePicker
-
日历My97DatePicker绑定 博客分类: js-jquery My97DatePicker
-
利用my97datepicker实现日期控件 博客分类: 日期控件 my97datepicker日期控件日期java日期
-
My97DatePicker 日历控件基本功能 博客分类: javajavascript My97DatePicker日历控件
-
日期插件My97DatePicker使用 博客分类: js jsMy97DatePicker
-
My97DatePicker时间控件使用 博客分类: JavaScriptJAVA My97DatePicker时间
-
My97DatePicker遇到springMVC无法正常显示 博客分类: My97DatePicker My97DatePickermy97日期控件日历控件
-
日期控件My97DatePicker详解 博客分类: Jquery Mobile My97DatePicker