时间段

<form class="form-inline" style="font-size: 14px;">
    时间快捷:&nbsp;&nbsp;
    <label>
        <input type='text' class='form-control ' id='dateBegin' name='begin'
               placeholder="beginTime..." value='' ng-model="dateBegin">
    </label>
    到
    <label>
        <input type='text' class='form-control ' id='dateEnd' name='end'
               placeholder="endTime..." value='' ng-model="dateEnd">
    </label>
</form>
function DatePicker(beginSelector,endSelector){
    $(beginSelector).datetimepicker(
        {
            language:  'zh-CN',
            autoclose: true,
            startView: 'month',
            minView: 'hour',
            minuteStep:1,
            format: 'yyyy-mm-dd hh:ii:ss',
            clearBtn:false,
            todayBtn:true,
            endDate:new Date()
        }).on('changeDate', function(ev){
        if(ev.date){
            $(endSelector).datetimepicker('setStartDate', new Date(ev.date.valueOf()))
        }else{
            $(endSelector).datetimepicker('setStartDate',null);
        }
    })
    $(endSelector).datetimepicker(
        {
            language:  "zh-CN",
            autoclose: true,
            minView: "hour",
            minuteStep:1,
            startView:'month',
            format: "yyyy-mm-dd hh:ii:ss",
            clearBtn:false,
            todayBtn:true,
            endDate:new Date()
        }).on('changeDate', function(ev){
        if(ev.date){
            $(beginSelector).datetimepicker('setEndDate', new Date(ev.date.valueOf()))
        }else{
            $(beginSelector).datetimepicker('setEndDate',new Date());
        }

    })
}
DatePicker("#dateBegin","#dateEnd");

猜你喜欢

转载自blog.csdn.net/qq_38643776/article/details/83184237