日期时间选择框

川长思鸟来 2022-05-13 13:00 274阅读 0赞

日期时间选择框:
    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>

发表评论取消回复

表情：

评论列表（有 0 条评论，274人围观）

还没有评论，来说两句吧...

相关阅读

相关 elementUI日期时间选择器

1.只能选择今天和今天以后的时间范围 <el-date-picker 　　v-model="shop.receive_time[0]" 　　type=

分手后的思念是犯贱/ 2024年04月08日 09:29/ 0 赞/ 86 阅读

相关移动端日期选择，下拉框选择效果

<!DOCTYPE html> <html> <head> <meta charset="UTF-8">

约定不等于承诺〃/ 2023年06月01日 12:38/ 0 赞/ 9 阅读

相关 QML 实现日期范围选择框

日期范围选择只需要组合几个组件就行了，着实很简单，这里只是水一篇。有两个要注意的地方，弹框的 closePolicy 可以设置为 Popup.CloseOnPressOu

水深无声/ 2022年12月31日 01:26/ 0 赞/ 540 阅读

相关 elementui日期时间选择限制

参考文章 https://blog.csdn.net/qq\_36747046/article/details/106946325 https://blog.csdn.n

Bertha 。/ 2022年12月22日 15:30/ 0 赞/ 274 阅读

相关 elementUI-日期选择器（单个框限制选择范围、快捷键选择）

.el-input { width: 30%; margin-right: 20px; } <div id="page">

刺骨的言语ヽ痛彻心扉/ 2022年11月27日 03:07/ 0 赞/ 669 阅读

相关 vue日期选择框之时间范围的使用

> 实现效果如下 ![在这里插入图片描述][20210219173503791.png_pic_center] <a-col :xl="8" :lg="16" :m

朴灿烈づ我的快乐病毒、/ 2022年10月30日 13:23/ 0 赞/ 337 阅读

相关 jQuery EasyUI - DateTimeBox 日期时间框

扩展自 $.fn.datebox.defaults。用 $.fn.datetimebox.defaults 重写了 defaults。 ![jeasyui_dateti

￡神魔★判官ぃ/ 2022年07月15日 14:15/ 0 赞/ 268 阅读

相关 html日期选择框

![在这里插入图片描述][20191229011856117.png] ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_sh

柔情只为你懂/ 2022年06月08日 14:15/ 0 赞/ 264 阅读

相关日期时间选择框

日期时间选择框: 1) jsp 部分: <div class="form-group"> <label for="dtp_input1"

川长思鸟来/ 2022年05月13日 13:00/ 0 赞/ 275 阅读

相关 EasyUI日期时间框DateTimeBox

WEB DEMO 日期时间框 DateTimeBox <!DOCTYPE html> <html> <HTML> <head> <H

浅浅的花香味﹌/ 2021年09月29日 14:52/ 0 赞/ 261 阅读