Question

我的日期格式在我的表单中突然有所不同。我需要像yy-mm-dd一样。第二个是好的，但第一个突然改变了。谁能明白为什么？朱莉，祝大家度过美好的一天

    <script>
  $(function() {
    $(".datepicker" ).datepicker();
  });
  </script>
  </head>
<body>

    DatePicker Ajax Post Example:

    <form method="post" id="myForm" action="getHoursSQL">
    Start Date:
        <input type="text" name="startDate" class="datepicker"/><br/>                     
    End Date:
        <input type="text" name="endDate" class="datepicker"/><br/>

        <input type="submit"/>
    </form>
    <div id="startresult"></div>
    <div id="endresult"></div>

</body>
<script type="text/javascript">

    $("input[name=endDate]").datepicker({
        dateFormat: 'yy-mm-dd',
        onSelect: function(date, instance){            
             var jsonStr = $('#myForm').serializeArray();
            console.log(JSON.stringify(jsonStr));
              $.ajax({
                  url: "../getHoursSQL",
                  type: "post",
                  data: JSON,
                  success: function(data){
                      start: $("#startDate").val();
                      alert("success");
                      $("#startresult").html(data);

                  },
                  error:function(){
                      alert("failure");
                      $("#startresult").html('there is error while submit');
                  }  
                });
        }
    });
</script>
</html>

我是 Dateformat

Answer 1

只需将下面的脚本替换为下面的脚本

 <script>
  $(function() {
    $(".datepicker" ).datepicker();
  });
  </script>

有了这个

 <script>
  $(function() {
    $(".datepicker" ).datepicker({dateFormat: 'yy-mm-dd'});
  });
  </script>

更新了答案

<p>Date: <input type="text" id="datepicker"></p>

 <script>
  $(function() {
    $(".datepicker" ).datepicker({dateFormat: 'yy-mm-dd'});
  });
  </script>
  </head>
<body>

    DatePicker Ajax Post Example:

    <form method="post" id="myForm" action="getHoursSQL">
    Start Date:
        <input type="text" name="startDate" class="datepicker"/><br/>                     
    End Date:
        <input type="text" name="endDate" class="datepicker"/><br/>

        <input type="submit"/>
    </form>
    <div id="startresult"></div>
    <div id="endresult"></div>

</body>
<script type="text/javascript">

    $("input[name=endDate]").datepicker({
        dateFormat: 'yy-mm-dd',
        onSelect: function(date, instance){            
             var jsonStr = $('#myForm').serializeArray();

              $.ajax({
                  url: "../getHoursSQL",
                  type: "post",
                  data: JSON,
                  success: function(data){
                      start: $("#startDate").val();
                      alert("success");
                      $("#startresult").html(data);

                  },
                  error:function(){
                      alert("failure");
                      $("#startresult").html('there is error while submit');
                  }  
                });
        }
    });
</script>

Answer 2

您只是在单独初始化其日期选择器时指定endDate输入的格式，所有其他.datepicker元素都使用默认选项进行初始化（您只需调用.datepicker()将选项对象传递给它。）

jQuery UI Datepicker的默认日期格式为mm/dd/yy，如the documentation中所述。如果您想要所有 datepickers的yy-mm-dd日期格式，那么您在初始化时需要明确指定它：

$(function() {
    $(".datepicker" ).datepicker({dateFormat: 'yy-mm-dd'});
});

Dateformat突然不同的Javascript

2 个答案: