日期时间选择框-蒲公英云

日期时间选择框

日期时间选择框:
1) jsp 部分:
<div class="form-group">
    <label for="dtp_input1" class="control-label">开始时间：</label>
    <div class="input-group date beginTime"  data-link-field="dtp_input1">
        <input class="form-control" size="16" id="beginTime" type="text" value="" data-bind='value: beginTime' readonly >
        <span class="input-group-addon" ><i class="glyphicon glyphicon-remove" onclick="clearForm()"></i></span>
        <span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
    </div>
    <input type="hidden" id="dtp_input1" value="" /><br/>
</div>
<div class="form-group">
    <label for="dtp_input2" class="control-label">截止时间：</label>
    <div class="input-group date endTime" data-link-field="dtp_input2">
        <input class="form-control" size="16" id="endTime" type="text" value="" data-bind='value: endTime'  readonly>
        <span class="input-group-addon"><span class="glyphicon glyphicon-remove" onclick="clearForm1()"></span></span>
        <span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span>
    </div>
    <input type="hidden" id="dtp_input2" value="" /><br/>
</div>

2) js 部分:

<script type="text/javascript">
    $(function() {
       xxxxxx
       .....
        $('.beginTime').datetimepicker({
            format: 'yyyy-MM-dd hh:ii:00',
            language: "cn",
            weekStart: 0, //一周从哪一天开始
            todayBtn: 1, //
            autoclose: 1,
            todayHighlight: 1,
            startView: 2,
            forceParse: 0,
            showMeridian: 1,
        }).on('changeDate',function(e){
            var starttime=$("#beginTime").val();
            if(starttime == "")
                starttime = "1870-01-01 00:00:00"
            $(".endTime").datetimepicker('setStartDate',starttime);
            $(".beginTime").datetimepicker('hide');
        });
        $('.endTime').datetimepicker({
            format: 'yyyy-MM-dd hh:ii:00',
            language: "cn",
            weekStart: 0, //一周从哪一天开始
            todayBtn: 1, //
            autoclose: 1,
            todayHighlight: 1,
            startView: 2,
            forceParse: 0,
            showMeridian: 1,
        }).on('changeDate',function(ev){
            var endtime=$("#endTime").val();
            if(endtime == "")
                endtime = "2317-01-01 00:00:00"
            $(".beginTime").datetimepicker('setEndDate',endtime);
            $(".endTime").datetimepicker('hide');
        });
    });
</script>