Arschmitz jQuery Mobile Datepicker格式日期

时间:2014-04-07 15:27:43

标签: jquery jquery-ui jquery-mobile datepicker jquery-ui-datepicker

我使用的是Datepicker 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。

你能帮我吗?

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

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

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

希望这有帮助!