Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/420.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我想要使用jQuery的签入和签出功能?_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 我想要使用jQuery的签入和签出功能?

Javascript 我想要使用jQuery的签入和签出功能?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想要两个文本框,可以在其中插入签入和签出日期。签入日期应为当前日期或未来日期,签出日期应大于选定的签入日期使用JQuery的默认日期选择器插件即可。JSFIDLE中的代码包含两个文本框,一个用于签入,另一个用于签出 $( "#checkin" ).datepicker({minDate : 0, dateFormat: 'dd-mm-yy'}); 试试这个 $document.readyfunction{ $txtCheckin.datepicker{ 日期格式:年月日, onSelect

我想要两个文本框,可以在其中插入签入和签出日期。签入日期应为当前日期或未来日期,签出日期应大于选定的签入日期

使用JQuery的默认日期选择器插件即可。JSFIDLE中的代码包含两个文本框,一个用于签入,另一个用于签出

$( "#checkin" ).datepicker({minDate : 0, dateFormat: 'dd-mm-yy'});
试试这个

$document.readyfunction{ $txtCheckin.datepicker{ 日期格式:年月日, onSelect:功能日期{ var date2=$'txtCheckin'.datepicker'getDate'; date2.setDatedate2.getDate; $'txtCheckout'.datepicker'setDate',date2; //将minDate设置为dateofbirth date+1 $'txtCheckout'.datepicker'option','minDate',date2; } }; $'txtCheckout'.datepicker{ 日期格式:年月日, onClose:函数{ var dt1=$'txtCheckin'.datepicker'getDate'; console.logdt1; var dt2=$'txtCheckout'.datepicker'getDate';
如果dt2包含jquery&jqueryui并尝试此操作

<script>
        $(function () {

            var dateFormat = "mm/dd/yy",
      from = $("#from")
        .datepicker({
            defaultDate: "+1w",
            changeMonth: true,

        })
        .on("change", function () {
            to.datepicker("option", "minDate", getDate(this));
        }),
      to = $("#to").datepicker({
          defaultDate: "+1w",
          changeMonth: true,

      })
      .on("change", function () {
          from.datepicker("option", "maxDate", getDate(this));
      });

            function getDate(element) {
                var date;
                try {
                    date = $.datepicker.parseDate(dateFormat, element.value);
                } catch (error) {
                    date = null;
                }

                return date;
            }
        });
    </script>
HTML

在脚本标记内,尝试以下操作

<script>
        $(function () {

            var dateFormat = "mm/dd/yy",
      from = $("#from")
        .datepicker({
            defaultDate: "+1w",
            changeMonth: true,

        })
        .on("change", function () {
            to.datepicker("option", "minDate", getDate(this));
        }),
      to = $("#to").datepicker({
          defaultDate: "+1w",
          changeMonth: true,

      })
      .on("change", function () {
          from.datepicker("option", "maxDate", getDate(this));
      });

            function getDate(element) {
                var date;
                try {
                    date = $.datepicker.parseDate(dateFormat, element.value);
                } catch (error) {
                    date = null;
                }

                return date;
            }
        });
    </script>

到目前为止你尝试了什么?在谷歌上发布5秒,下面是一个例子@CarstenLøvboAndersen。你提供的链接中的代码不包含一些功能,比如选择框中的当前日期应该是最短日期,否则其余的都是好的。@RadheshVayeda没有,但它给了他一个关于可以使用哪些插件的非常好的想法。由此可知这一点应该不难找到并改变什么missing@CarstenLøvboAndersen答对了!!你是对的……我是在具体谈论被问到的问题:。把我的评论作为答案发布有什么意义。在评论中没有看到你的答案,我同时也在谷歌上搜索。并找到了相同的答案