Dateformat突然改变了Javascript的格式_Javascript_Datepicker

Dateformat突然改变了Javascript的格式

javascript

Dateformat突然改变了Javascript的格式,javascript,datepicker,Javascript,Datepicker,我的日期格式在这里的表格中突然不同了。我需要像yy-mm-dd一样拥有它。第二个可以，但第一个突然改变了。有人知道为什么吗？朱莉祝你们大家好 <script> $(function() { $(".datepicker" ).datepicker(); }); </script> </head> <body> DatePicker Ajax Post Example: <form met

我的日期格式在这里的表格中突然不同了。我需要像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>


$（函数（）{
$（“.datepicker”）.datepicker（）；
});
DatePicker Ajax Post示例：
开始日期：


结束日期：


$（“输入[name=endDate]”）。日期选择器({
日期格式：'年-月-日'，
onSelect:函数（日期、实例）{
var jsonStr=$（'#myForm'）.serializeArray（）；
log（JSON.stringify（jsonStr））；
$.ajax({
url:“../getHoursSQL”，
类型：“post”，
数据：JSON，
成功：功能（数据）{
开始：$（“#开始日期”）.val（）；
警惕（“成功”）；
$（“#startresult”）.html（数据）；
},
错误：函数（）{
警报（“故障”）；
$（“#startresult”）.html（'提交时出错'）；
}  
});
}
});

我是

请用下面的脚本替换下面的脚本

    <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>

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


$（函数（）{
$（“.datepicker”）.datepicker（）；
});

用这个

    <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>

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


$（函数（）{
$（“.datepicker”）.datepicker（{dateFormat:'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>

<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>

日期：
    <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>

$（函数（）{
$（“.datepicker”）.datepicker（{dateFormat:'yy-mm-dd'}）；
});
DatePicker Ajax Post示例：
开始日期：


结束日期：


$（“输入[name=endDate]”）。日期选择器({
日期格式：'年-月-日'，
onSelect:函数（日期、实例）{
var jsonStr=$（'#myForm'）.serializeArray（）；
$.ajax({
url:“../getHoursSQL”，
类型：“post”，
数据：JSON，
成功：功能（数据）{
开始：$（“#开始日期”）.val（）；
警惕（“成功”）；
$（“#startresult”）.html（数据）；
},
错误：函数（）{
警报（“故障”）；
$（“#startresult”）.html（'提交时出错'）；
}  
});
}
});

单独初始化其日期选择器时，您只需指定

结束日期

输入的格式，所有其他

.datepicker

元素都使用默认选项初始化（您只需调用

.datepicker（）

，而不向其传递选项对象）

    <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>

jQuery UI日期选择器的默认日期格式为

mm/dd/yy

，如中所述。如果希望所有日期选择器使用

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>

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

这里的代码看起来不正确

start:$（“#startDate”）.val（）dateFormat值末尾的一个引号，现在已在答案中修复。似乎对我有用：啊，呼喊。有两个，非常感谢：-）