2014-03-13 45 views
0

我的日期格式在我的表單中突然不同。我需要像yy-mm-dd那樣。第二個是好的,但第一個突然改變。任何人都可以看到爲什麼? 尼斯一天大家朱莉 日期格式突然不同Javascript

<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

+0

代碼看起來不正確的'開始:$(「#的startDate」)VAL (); ...' – elclanrs

+0

我的愚蠢問題,但爲什麼不呢? :-) – Julie24

+0

沒有元素id#startDate那裏 –

回答

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

非常感謝您的回答。當我嘗試這個時,我只能在endDate中選擇一個日期。當我按下startDate時,什麼都不會發生: -/ – Julie24

+0

@ Julie24實際上,當點擊開始日期 –

+0

時,您需要採取什麼操作,startDate和endDate從表單中獲取輸入名稱。日期正在通過我的servlet獲取到數據庫:http://postimg.org/image/jav6sg1ol/ 並返回我在此期間已工作的小時數。 – Julie24

1

分別初始化它的日期選擇器時,所有其他.datepicker元素被初始化默認選項你只是指定格式爲endDate輸入(你只需要調用.datepicker()沒有傳遞一個選項對象到它)。

jQuery UI Datepicker的默認日期格式爲mm/dd/yy,如the documentation中所述。如果你想爲所有 datepickers的yy-mm-dd日期格式,那麼你就會在初始化時,他們需要明確指定它:這裏

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

非常感謝您的答案。當我嘗試這個時,我只能在endDate中選擇一個日期。當我按下startDate時,什麼也沒有發生: -/ – Julie24

+0

@ Julie24我錯過了'dateFormat'值末尾的單引號,現在已經修復了答案。似乎爲我工作:http://jsfiddle.net/VfvWc/ –

+0

阿格呼喊。有兩個

  • 11. 日期的Javascript日期格式
  • 12. Javascript格式日期/日期(-62135571600000)/
  • 13. 簡單的日期格式解析然後格式化日期不匹配
  • 14. 格式JavaScript(jQuery weekcalendar)日期
  • 15. 更改日期格式(Javascript)
  • 16. 日期格式轉換javascript
  • 17. Javascript SharePoint日期列格式
  • 18. 的Javascript日期格式
  • 19. 日期格式轉換javascript
  • 20. 的JavaScript日期格式化
  • 21. javascript日期格式轉換
  • 22. javascript日期格式轉換
  • 23. Javascript更改日期格式
  • 24. 日期格式UTC在JavaScript
  • 25. Javascript日期格式問題
  • 26. JavaScript格式日期奇怪
  • 27. JavaScript格式UTC日期
  • 28. JavaScript日期後綴格式
  • 29. MySQL日期格式化JavaScript
  • 30. 的JavaScript moment.js格式日期