Arschmitz jQuery Mobile Datepicker 格式日期答案

【问题标题】：Arschmitz jQuery Mobile Datepicker format DateArschmitz jQuery Mobile Datepicker 格式日期
【发布时间】：2014-04-07 15:27:43
【问题描述】：

我使用日期选择器 https://github.com/arschmitz/jquery-mobile-datepicker-wrapper 用于 jQuery Mobile。

<label for="nachname">Geburtsdatum</label>
<input type="text" id="datepicker" data-role="date" name="gebdat">

与

<script language="javascript" type="text/javascript">
    $(function() {
        $('#datepicker').date({ dateFormat: 'yy-mm-dd' }).val()
    });
</script>

但格式仍然是 04/16/2014。

你能帮帮我吗？

【问题讨论】：

请更具体地说明您在哪里看到此问题？字段中显示的值的格式与提交日期的格式是什么。
请始终校对您的 OP...在我修复之前，您发布的 Github 链接出现 404 错误。
链接对我有用。它可能有什么问题？我想显示它 2014-04-07，但它显示 04/07/2014
Your link was broken until I fixed it。（它给出了一个 404 错误，因为它缺少用户名，/arschmitz/，url 段）。

标签： jquery jquery-ui jquery-mobile datepicker jquery-ui-datepicker

【解决方案1】：

这就是我解决我的问题的方法。该页面说它是 jquery ui base 的扩展，所以我基本上遵循 jquery ui 如何设置其格式。

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

希望这会有所帮助！

【讨论】：

以上两种方法都不适合我。请有其他想法。
这是我的日期选择器 HTML <input type="text" id="txtSurveyAllottedOn" name="SurveyAllottedOn" data-mini="true" data-role="date" placeholder="DD/MM/YYY" data-date-format="dd/mm/yy" /> 这是 JS $('#txtSurveyAllottedOn').datepicker({"dateFormat" : "dd/mm/yy"});

【解决方案2】：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!--jQuery-->
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<!--jQuery UI-->
<script src="http://view.jqueryui.com/master/ui/datepicker.js"></script>
<!--jQuery Mobil--> 
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css">  
<script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
<!-- jQuery Mobile Datepicker -->
<link href="http://rawgithub.com/arschmitz/jquery-mobile-datepicker-wrapper/master/jquery.mobile.datepicker.css" rel="stylesheet">
<script src="http://rawgithub.com/arschmitz/jquery-mobile-datepicker-wrapper/master/jquery.mobile.datepicker.js"></script>
</head>

<body>

<div data-role="page" id="pageone">
<div data-role="header">
<h1>Start</h1>
</div>

<div data-role="main" class="ui-content"> 
<form action="this.php" method="post" data-ajax="true">
<label for="gebdat">Date</label>
<input type="text" name="gebdat" data-role="date" data-date-format="yy-mm-dd" >

<button type="submit" name="submit" class="ui-btn-hidden" data-icon="edit" aria-disabled="false">Save</button>

</form>
 </div>

  <div data-role="footer">
    <h1>End</h1>
  </div>
</div> 

</body>

</html>

使用data-date-format="yy-mm-dd" 设置格式，而不是使用 jQuery。

【讨论】：