使用datepicker的其他字段中的日期自动填充新字段

时间:2014-04-30 14:25:53

标签: javascript jquery datepicker

我有一个有一个日期选择器的字段,但是我希望那个名为New Date的字段填充div id =“olddate”中的日期加上一天。我看到的问题是olddate div中的日期是一个文本字符串,所以我需要将其转换为日期对象,将其放在新日期字段中并添加一天。如果可能的话,我也更喜欢将它保存在jQuery中。我已经看到了许多与此非常类似的问题的答案,但似乎没有任何效果。提前致谢!!小提琴: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>

1 个答案:

答案 0 :(得分:0)

此刻值得使用 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);
});