当前位置：文江博客话题详情

如何获取与显示格式不同的 jQuery UI Datepicker 日期值？

发布于 2024-12-15 15:42:56 字数 124 浏览 6 评论 0原文

我需要它在输入框中显示常规的 MM/DD/YY 格式，但我需要将日期格式化为 YYYY-MM-DD 才能插入到数据库中。
如果您愿意提供一些示例代码，它可以在表单提交事件或日期选择器的事件上，例如用户选择日期时。
谢谢

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

时光匆匆的小流年 2024-12-22 15:42:56

进行相应的更改，例如更改单击提交：

    <HTML>
<HEAD>

<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="-1">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/jquery-ui.css" type="text/css" />


<script>

 $(document).ready(function() {
        $( "#datepicker" ).datepicker();


$('#conbutton').click(function() {

    var changeformat= $( "#datepicker" ).val();
    var arraydates = changeformat.split("/");
    var newdate =  arraydates[2]+"-"+arraydates[0]+"-"+arraydates[1];
    alert(newdate);

});


     });
</script>

</head>
<body>


 <input id="datepicker" type="text">
 <button id="conbutton"  >convert</button>



</body>
</html>

这是一个 jsfiddle：

http://jsfiddle.net/rvaldez /gg5gt/2/

Change accordingly, for instace change click for submit:

    <HTML>
<HEAD>

<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="-1">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/jquery-ui.css" type="text/css" />


<script>

 $(document).ready(function() {
        $( "#datepicker" ).datepicker();


$('#conbutton').click(function() {

    var changeformat= $( "#datepicker" ).val();
    var arraydates = changeformat.split("/");
    var newdate =  arraydates[2]+"-"+arraydates[0]+"-"+arraydates[1];
    alert(newdate);

});


     });
</script>

</head>
<body>


 <input id="datepicker" type="text">
 <button id="conbutton"  >convert</button>



</body>
</html>

Here is a jsfiddle:

http://jsfiddle.net/rvaldez/gg5gt/2/

回复收藏 0 原文

~没有更多了~