2016-02-05 6 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", и я хочу показать следующую дату в текстовом поле, которое находится перед сборщиком даты и что текстовое поле будет иметь дату 02-15-2016Нужна помощь застрял в javascript date picker

Я работаю над этим, и я не понимаю, как это будет сделано.

+0

Измените его на: 'var d =" 2016/12/02 ";'. Формат «ГГГГ/ММ/ДД». –

+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

согласно апи документу: jquery-ui-1.11 он работает.

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