2015-12-03 151 views
0

我似乎無法使用日期格式'yyyy/mm/dd'在Datepicker中工作 - 我嘗試過所有「解決方案」,並且只有只有已經適用我到目前爲止是this。但正如你所看到的,這是一個下拉菜單,我也不想每次都選擇格式 - 我只是希望它以那樣。jQuery Datepicker日期格式不起作用

現在,鏈接腳本做這樣的:

<script> 
    $(function() { 
     $("#datepicker").datepicker(); 
     $("#format").change(function() { 
      $("#datepicker").datepicker("option", "dateFormat", $(this).val()); 
     }); 
    }); 
</script> 

下拉:

<option value="yy-mm-dd">ISO 8601 - yy-mm-dd</option> 

不是很好用jQuery的,所以我是絕對不知道如何「轉換」。

+0

的可能的複製[jQuery UI的DatePicker的 - 更改日期格式(http://stackoverflow.com/questions/1328025/jquery-ui-datepicker-change-date-format) – Xavjer

+0

嘗試'yy-MM-dd'作爲no-caps'mm'表示分鐘。 – Theunis

回答

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

這樣做,你應該在初始化日期選擇器時設置它。

0

您的jQuery datepicker應構建如下所示。我已經添加了changeMonthchangeYear以增加您的功能,但如果您不需要這些功能,則可以將其刪除。要將datepicker附加到您的html,請使用input元素並將其設置爲id,如下所示。

還記得,你需要在下面包含兩個jQuery引用才能訪問這個庫。

<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 



<script> 
     $(function() { 
      $("#datepicker").datepicker({ dateFormat: "yy/mm/dd", changeMonth: true, changeYear: true }); 
     }); 
    </script> 


<input type="date" id="datepicker" /> 

工作實例Codepen