Jos*_*oth 5 jquery plugins datepicker
我正在使用 XDSoft 的 DateTimePicker,但我无法理解minDate和maxDate时间参数。http://xdsoft.net/jqplugins/datetimepicker/#mindate
minDate:'-1970/01/02', // yesterday is minimum date(for today use 0 or -1970/01/01)
maxDate:'+1970/01/02' // tommorow is maximum date calendar
Run Code Online (Sandbox Code Playgroud)
不明白怎么-1970/01/02翻译成yesterday?如果我将其设置为0,则它适用于“今天”限制。但是我的页面上有两个日期选择器,我需要更新第二个日期选择器,以便它不能在第一个日期选择器之前。
我如何实现类似的东西minDate: 2015/01/20?
这不是 jQuery UI 插件。
小智 2
案例:我的页面上有两个日期选择器,我需要更新第二个日期选择器,以便它不能在第一个日期选择器之前。
解决方案:希望下面的例子对您有所帮助!
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" type="text/css" href="./jquery.datetimepicker.css"/>
</head>
<body>
<p>
Start
<input id="date_timepicker_start" type="text" value="">
End
<input id="date_timepicker_end" type="text" value="">
</p>
<script src="./jquery.js"></script>
<script src="./jquery.datetimepicker.js"></script>
<script>
jQuery(function(){
jQuery('#date_timepicker_start').datetimepicker({
format:'Y-m-d H:i',
onShow:function(ct){
this.setOptions({
maxDate:jQuery('#date_timepicker_end').val()?jQuery('#date_timepicker_end').val():false,
formatDate: 'Y-m-d H:i'
})
},
timepicker:true
});
jQuery('#date_timepicker_end').datetimepicker({
format:'Y-m-d H:i',
onShow:function(ct){
this.setOptions({
minDate:jQuery('#date_timepicker_start').val()?jQuery('#date_timepicker_start').val():false,
formatDate: 'Y-m-d H:i'
})
},
timepicker:true
});
});
</script>
</body>Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
3908 次 |
| 最近记录: |