【问题标题】:jquery datepicker getdate formatjquery datepicker getdate 格式
【发布时间】:2014-09-05 15:27:30
【问题描述】:

我在使用 jquery datepicker 的代码中有两个问题(第一个是用时间提醒 getdate 方法,但我只需要格式的日期(yyyy-mm-dd))第二个问题我需要将所选日期放入文本框,但它给了我错误

<script src="jquery-1.11.1.min.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.datepick.css"> 
<script type="text/javascript" src="jquery.plugin.js"></script> 
<script type="text/javascript" src="jquery.datepick.js"></script>
<script src="jquery.chained.min.js"></script>
<script>
$(document).ready(function(){
$('#popupDatepicker').datepick({
dateFormat: 'yyyy-mm-dd',
onSelect: function(){
var fullDate = $('#popupDatepicker').datepick('getDate');   
document.getElementByID('maach_year').value=fullDate;             
alert (fullDate);
}
});
});
</script>
<form action='".$server['PHP_SELF']."' method='post'>
<table>
<tr><td>Birth Date:</td><td><input type='date' id='popupDatepicker' size='15'     name='birth_day'></td>
 <td>Retirement Date:</td><td><input type='text' size='15' id='maach_year'  name='maach_year' ></td></tr> 
<input type='submit'/><br>
</table> 
</form>

如果我可以将 65 年添加到用户在出生日期中选择的年份,我还想将其放入退休文本框中 提前致谢

【问题讨论】:

  • 虽然不是必需的,但提供问题的jsfiddle.net 演示将有助于更快地回答您的问题。
  • 我尝试使用 jsfiddle.net,但我在使用这个网站时遇到了问题(因为我是初学者),例如 jquery 日期选择器对我不起作用以及如何将代码发布到网站并获得帮助。非常感谢这个网站

标签: javascript jquery date datepicker


【解决方案1】:

DatePicker 对象有一个handy-dandy built-in date formatter,由于它是一个实用函数,它甚至不需要您将 DatePicker 应用于元素。

var date = new Date();
console.log($.datepicker.formatDate("yy-mm-dd", date));

或者如果您需要 DatePicker 的日期:

var date = $("#selector").datepicker("getDate");
console.log($.datepicker.formatDate("yy-mm-dd", date));

【讨论】:

    【解决方案2】:

    因为函数getDate() 返回一个日期对象,而不是一个字符串。您可以使用formatDate() 格式化日期

    $('#maach_year').val($.datepick.formatDate('yyyy-mm-dd', fullDate));
    

    如果你想增加 65 年,那么

    fullDate.setFullYear(fullDate.getFullYear() + 65)
    

    【讨论】:

    • 我尝试了第一个(maach_year),但没有给我其中的价值。第二个代码也给了我这个错误 {TypeError: fullDate.getFullYear is not a function}
    • 'yyyy' 返回类似 20192019 的内容
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-05-03
    • 1970-01-01
    • 1970-01-01
    • 2014-09-28
    • 2012-04-01
    • 1970-01-01
    相关资源
    最近更新 更多