My97DatePicker日期控件用法示例

浏览:10325 发布日期:2014/08/26 分类:用法示例 关键字: 日期选择 日期控件 My97DatePicker
My97DatePicker日期控件用法实例,
QQ群:282882201


阿里云搞活动,想要抓紧买:https://promotion.aliyun.com/ntms/act/qwbk.html?userCode=4hy76kwx

选择了开始时间,则结束时间只能选择开始时间以后的,如果选择了结束时间,那么开始时间只能选择结束时间以前的。
ThinkPHP版本为3.1

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>时间选择</title>
<script type="text/javascript" src="__PUBLIC__/js/jquery.js"></script>
<script  src="__PUBLIC__/js/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript">
//时间选择
function selecttime(flag){
    if(flag==1){
        var endTime = $("#countTimeend").val();
        if(endTime != ""){
            WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',maxDate:endTime});
        }else{
            WdatePicker({dateFmt:'yyyy-MM-dd HH:mm'});
        }
    }else{
        var startTime = $("#countTimestart").val();
        if(startTime != ""){
            WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',minDate:startTime});
        }else{
            WdatePicker({dateFmt:'yyyy-MM-dd HH:mm'});
        }    
    }
}
</script>


</script>
</head>
<body>
    时间:<input type="text" name="start_time" id="countTimestart" onfocus="selecttime(1)" value="{$start_time}" size="17" class="date" readonly> - <input type="text" name="end_time" id="countTimeend" onfocus="selecttime(2)" value="{$end_time}" size="17"  class="date" readonly>     
</body>
</html>
QQ群:282882201


阿里云搞活动,想要抓紧买:https://promotion.aliyun.com/ntms/act/qwbk.html?userCode=4hy76kwx

附件 日期选择实现代码.zip ( 1.56 MB 下载:531 次 )

评论( 相关
后面还有条评论,点击查看>>