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

呼叫日期选择器与输入名称选择的数据。 '$（“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(); 
    }); 
});

好的，谢谢，这个接缝工作，但它会显示日期选择器，当明天点击和今天的按钮...我想按钮只设置和POST日期而没有显示日期选择器...并且理想情况下它将是最好的POST日期格式Ymd – Atom

上面更新的代码，应该更新日期选择器而不显示它 –

最后一个版本没有接缝去工作...，日期选择器大多是apears（今天点击tommorow时），格式仍然是默认值，当点击明天和今天的按钮时，表单不会发送...我需要的值与是POST的价值，我想在PHP中使用它.... 这是我的想象，[https://jsfiddle.net/fwbxLbtr /]但它不提交的形式和明天和今天bu的输出tton将成为默认格式...， – Atom

jQuery Datepicker设置日期onclick

相关推荐