javascript - 使用日期选择器的另一个字段中的日期自动填充新字段

标签 javascript jquery datepicker

我有一个带有日期选择器的字段,但我希望该字段(称为“新日期”)填充 div id="olddate"中的日期加上一天。我看到的问题是 olddate div 中的日期是文本字符串,因此我需要将其转换为日期对象,将其放入“新日期”字段中并添加一天。如果可能的话,我也更喜欢将其保留在 jQuery 中。我见过很多与此非常相似的问题的答案,但似乎没有任何效果。提前致谢!! fiddle :http://jsfiddle.net/Carlos1815/U9Avn/

这是我迄今为止得到的:

<html lang="en">
<head>
<link href="css/ui-lightness/jquery-ui-1.10.4.css" rel="stylesheet">
<script src="js/jquery-1.10.2.js"></script>
<script src="js/jquery-ui-1.10.4.js"></script>
<script>    
$(function() {
        var olddate = $("#olddate").text(); 
        $( "#datepicker" ).datepicker();
        $( "#datepicker" ).datepicker( "setDate", olddate);
        });      
</script>
</head>
<body>      
    <div id="olddate">3/30/2013</div>
    <div>New Date: <input type="text" id="datepicker"></div>     
</body>
</html>

最佳答案

值得使用 moment.js 此时要解决这个日期时间问题。

<强> Working Demo

$(function () {        
    var day = moment($("#olddate").text(), "MM/DD/YYYY");
    day.add('days', 1)
    var newDate=day.toDate();    
    $("#datepicker").datepicker();
    $("#datepicker").datepicker("setDate", newDate);
});

关于javascript - 使用日期选择器的另一个字段中的日期自动填充新字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23390785/

相关文章:

php - 如何使用 MySQLi 准备好的语句获取日期范围的查询结果

javascript - 如何让 JQuery 库之间不发生冲突

javascript - 删除然后将相同的元素添加到 Packery JS

javascript - 如何使用 JavaScript 修改内联 SVG?

javascript - 需要将新日期与日期选择器进行比较

jquery - 具有列过滤器下拉列表和多个复选框选择的数据表

javascript - 鼠标滚轮事件不会在 Chrome 中触发

javascript - Sinon单元测试MySQL连接

javascript - Cannot POST/test.php 当我试图将数据输入数据库时​​它给了我这个错误

javascript - 我的 jQuery 脚本不处理图像,但处理所有其他元素