jQuery Datepicker set date onclick

私は告白したいと思います。私はjQueryを理解していません。私が持っているものは、インターネットのどこかで見つけて、どうにかしてまとめたものです。jQuery Datepicker set date onclick

私は、日付ピッカーが日付をPOSTする日付を選択した後、ボタンクリックによってトリガーされる機能日付ピッカーを作成することができました。ちょうど日付ピッカーのように。

何私は次のやりたいことは、今日と明日2つの以上のボタンを作ることであるとonclickの私は彼らが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>

コメントしたコードの大半はさちょうどローカリゼーション。私はそれを完了しようとしましたが、私は成功しませんでした...私はここにいる人々のほとんどにとって簡単な仕事だと思うので、ここで私は助けになったのです。ありがとう！アトム

出典

2017-11-11 Atom

コール日付ピッカー今日と明日のボタンのために選択したデータを設定します。 .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するだけです... Ymd形式の日付をPOSTするのが最も良いでしょう – Atom

日付コードを表示せずに日付を更新する上記のコードを更新しました –

最後のバージョンでは継ぎ目がありません仕事をするために、datepickerは（今日tommorowをクリックすると）ほとんどのapears、フォーマットはまだデフォルトであり、明日と今日のボタンをクリックすると、フォームは送信されません...私は仕事が必要な値with POST値、私はPHPでそれを使用したいと思います.... これは私が[https://jsfiddle.net/fwbxLbtr /]を想像する方法ですが、それはフォームを提出しませんtommorowと今日のbuの出力ttonはデフォルトのフォーマットになります... – Atom

jQuery Datepicker set date onclick

答えて

関連する問題