2016-02-05 38 views
0
<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>jQuery UI Datepicker - Default functionality</title> 
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
    <script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
    <link rel="stylesheet" href="/resources/demos/style.css"> 

<script> 
var d = "02-12-2016"; 
$(function() { 
    $("#datepicker").datepicker({ 
     minDate: d, 
     dateFormat: 'mm-dd-yy'; 
    }); 
}); 
</script> 
</head> 
<body> 
<p>Date: <input type="text" id="datepicker"> <input type="text" id="final"></p> 
</body> 
</html> 

你好朋友我使用這個var d =「02-12-2016」,我想顯示在日期選擇器前的文本字段中的下一個日期和該文本框將有一個日期2016年2月15日需要幫助被卡在javascript日期選擇器

我的工作,而且我沒有得到任何方式將如何做。

+0

更改爲:'var d =「2016/12/02」;'。格式爲'YYYY/MM/DD'。 –

+0

如何改變日期格式後可能 – bawas

+0

原因是,JavaScript理解日期的方式,如果不是它說無效日期。 –

回答

0

最好是使用ISO格式日期的操作:

var d = "2016-02-12"; 
$(function() { 
    $("#datepicker").datepicker({ 
    minDate: d, 
    dateFormat: 'yy-mm-dd', 
    onSelect: function(date) { 
     $("#final").val(secondDate(date)); 
    } 
    }); 
}); 

function secondDate(date) { 

    var d = new Date(date); 
    d.setDate(d.getDate() + 3); 

    var month = '' + (d.getMonth() + 1); 
    var day = '' + d.getDate(); 
    var year = d.getFullYear(); 

    if (month.length < 2) month = '0' + month; 
    if (day.length < 2) day = '0' + day; 

    return [year, month, day].join('-'); 
} 
+0

它顯示在最後文本框我選擇的日期,但我需要的最後日期是日期之後3個日期我選擇 – bawas

+0

我猜你的意思是3天。檢查我的更新。 –

0

根據API文檔:jquery-ui-1.11,要麼工作。

minDate: d, 
dateFormat: 'mm-dd-yy', 
defaultDate: d, 
altField: '#final'