个人中心
gpt4 book ai didi

jQuery 格式化日期范围

转载 作者：太空宇宙 更新时间：2023-11-03 10:57:14 25 4
gpt4 key购买 nike

我有一个页面，允许用户选择一个日期范围，然后从具有所选范围内的日期的数据库中创建一个 pdf 报告。在我意识到我无法使用 html input 类型 date 之前，这一切都很好。只有某些浏览器支持它。所以我正在使用这个 jQuery:http://jqueryui.com/datepicker/#date-range但是，现在日期格式全错了。 MySQL 采用 yyyy-mm-dd 的日期格式，并将其作为 mm/dd/yyyy 发送。我试过像这样改变格式，但没有任何改变。有什么想法吗？

 <body>
    <div class="dateselectwrap">
        <form action="reports/arrivals.php" method="post">
            <div class="dateselect">
                <input type="text" class="datepicker" name="start" id="from" required="yes" />
                <input type="text" class="datepicker" name="finish" id="to" required="yes" />
                <p >Format options:<br />
                  <select id="format">
                    <option value="yy-mm-dd">ISO 8601 - yy-mm-dd</option>
                  </select>
                </p>
            </div>
            <div class="datesubmit">
                <input type="Submit" name="Submit">
            </div>
            <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
              <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
              <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
              <link rel="stylesheet" href="/resources/demos/style.css" />
              <script>
              $(function() {
                $( ".datepicker" ).datepicker();
                $( "#format" ).change(function() {
                  $( ".datepicker" ).datepicker( "option", "dateFormat", $( this ).val() );
                });
              });
              </script>
              <script>
              $(function() {
                $( "#from" ).datepicker({
                  defaultDate: "+1w",
                  changeMonth: true,
                  numberOfMonths: 3,
                  onClose: function( selectedDate ) {
                    $( "#to" ).datepicker( "option", "minDate", selectedDate );
                  }
                });
                $( "#to" ).datepicker({
                  defaultDate: "+1w",
                  changeMonth: true,
                  numberOfMonths: 3,
                  onClose: function( selectedDate ) {
                    $( "#from" ).datepicker( "option", "maxDate", selectedDate );
                  }
                });
              });
              </script>

        </form>
    </div>
</body>

最佳答案

您可以使用dateformat，例如:dateFormat: 'yy-mm-dd'

     <script>
          $(function() {
            $( "#from" ).datepicker({
              defaultDate: "+1w",
              dateFormat: 'yy-mm-dd',  
              changeMonth: true,
              numberOfMonths: 3,
              onClose: function( selectedDate ) {
                $( "#to" ).datepicker( "option", "minDate", selectedDate );
              }
            });
            $( "#to" ).datepicker({
              defaultDate: "+1w",
              dateFormat: 'yy-mm-dd',
              changeMonth: true,
              numberOfMonths: 3,
              onClose: function( selectedDate ) {
                $( "#from" ).datepicker( "option", "maxDate", selectedDate );
              }
            });
          });
          </script>

此处提供文档:

http://api.jqueryui.com/datepicker/#option-dateFormat

http://api.jqueryui.com/datepicker/#utility-formatDate

关于jQuery 格式化日期范围，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19337219/

25 4 0
文章推荐： c# - 在 .cs 页面/行数据绑定(bind)的 gridview 列中以 MM/DD/YY 格式显示日期？
文章推荐： python - Pandas :只保留累积变化超过阈值的每一行？
文章推荐： c# - 访问器(accessor)的静态扩展
文章推荐： php - 在mysql中选择唯一的id
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com