jQuery Datepicker設置日期onclick

我想坦白，我不明白jQuery，所有我擁有的是我在互聯網上找到某處並以某種方式放在一起。jQuery Datepicker設置日期onclick

我設法做出了一個功能日期選擇器由點擊按鈕觸發，在選擇日期後，日期選擇器將張貼日期。就像日期選取器一樣。

什麼，我想接下來要做的就是讓今天和明天的2個按鈕和的onclick我希望他們POST今天和明天在YMD格式的日期...

<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title></title> 

    <script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
    <script> 
$(document).ready(function() 
{ 
    $('input').datepicker(
    { 
//  maxDate :'+1m 10d', 
//  minDate : '0', 
//  closeText: 'Cerrar', 
//  prevText: 'Předchozí', 
//  nextText: 'Další', 
//  currentText: 'Hoy', 
//  monthNames: ['Leden', 'Únor', 'Březen', 'Duben', 'Květen', 'Červen', 'Červenec', 'Srpen', 'Září', 'Říjen', 'Listopad', 'Prosinec'], 
//  monthNamesShort: ['Le', 'Ún', 'Bř', 'Du', 'Kv', 'Čn', 'Čc', 'Sr', 'Zá', 'Ří', 'Li', 'Pr'], 
//  dayNames: ['Neděle', 'Pondělí', 'Úterý', 'Středa', 'Čtvrtek', 'Pátek', 'Sobota'], 
//  dayNamesShort: ['Ne', 'Po', 'Út', 'St', 'Čt', 'Pá', 'So', ], 
//  dayNamesMin: ['Ne', 'Po', 'Út', 'St', 'Čt', 'Pá', 'So'], 
//  weekHeader: 'Sm', 
//  firstDay: 1, 
//  isRTL: false, 
//  showMonthAfterYear: false, 
//  yearSuffix: '', 
//  dateFormat: 'yy-m-d', 
     onSelect: function (dateText, inst) 
     { 
      $('#formId').submit(); 
     } 
    }); 
    $('#kalendar').click(function() 
    { 
     $('input').show().focus().hide(); 
    }); 
    $('#dnes').click(function() 
    { 
//  $('#datepicker').val($.datepicker.formatDate('yy-m-d', new Date())); 
    }); 
    $("#zitra").click(function() 
    { 
//  $("#formID").submit(); 
    }); 
}); 
    </script> 
</head> 
<body> 
    <?php echo $_POST["datum"]; ?> 
<form method='POST' enctype='multipart/form-data' id='formId'> 
    <input type="text" name="datum" style="display: none"> 
</form> 
</body> 
<button id="kalendar">Calendar</button> 
<button id="dnes">Today</button> 
<button id="zitra">Tomorrow</button> 
</html>

大多數評論代碼是隻是本地化。我試圖完成它，但我沒有成功......我認爲這對大多數人來說是一件容易的事，所以我就是爲了幫助他而轉向這裏。謝謝！下面的Atom

來源

2017-11-11 Atom

呼叫日期選擇器與輸入名稱選擇的數據。 '$（「input [name * ='datum']」）.datepicker' –

的例子設置選擇今天和明天按鈕

$(document).ready(function() { 

var today = new Date(); 
var tomorrow = new Date(today.getTime() + (24 * 60 * 60 * 1000)); 
var $form = $('#formId'); 

    // set the default options 
    var DateOptions = { 
     dateformat: "Y-m-d", 
     onSelect: function (dateText, inst) { 
      $form.submit(); 
     } 
    } 
    $('input').datepicker(DateOptions); 

    $('#kalendar').click(function() { 
     $('input').show().focus().hide(); 
    }); 

    $('#dnes').click(function() { 
    // update the date 
     //$('input').datepicker('setDate', new Date(today)).hide(); 
     //Atom removed the use of the datepicker 
     $('input').val(new Date(today)); 
     $form.submit(); 
    }); 
    $("#zitra").click(function() { 
    // update the date 
     //$('input').datepicker('setDate', new Date(tomorrow)).hide(); 
     //Atom removed the use of the datepicker 
     $('input').val(new Date(tomorrow)); 
     $form.submit(); 
    }); 
});

來源

2017-11-11 10:40:51

好的，謝謝，這個接縫工作，但它會顯示日期選擇器，當明天點擊和今天的按鈕...我想按鈕只設置和POST日期而沒有顯示日期選擇器...並且理想情況下它將是最好的POST日期格式Ymd – Atom

上面更新的代碼，應該更新日期選擇器而不顯示它 –

最後一個版本沒有接縫去工作...，日期選擇器大多是apears（今天點擊tommorow時），格式仍然是默認值，當點擊明天和今天的按鈕時，表單不會發送...我需要的值與是POST的價值，我想在PHP中使用它.... 這是我的想象，[https://jsfiddle.net/fwbxLbtr /]但它不提交的形式和明天和今天bu的輸出tton將成爲默認格式...， – Atom

jQuery Datepicker設置日期onclick

回答

相關問題