2

是否可以使用与使用日期选择器选择相同格式的日期填充输入字段？例如，在我使用 datepicker 选择日期之前，我的输入字段中有一个值（例如 new Date()），并且我希望它具有与我选择它相同的格式。

谢谢

库库达斯

4

2 回答 2

2

查看演示站点，new Date().asString() 用于选择今天，它的格式与预期的一样。

$('.date-pick').datePicker().val(new Date().asString()).trigger('change');

编辑：

您必须确保正确设置 Date.format。这是德语日期格式的一个工作示例：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <title>jQuery datePicker simple datePicker demo</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/scripts/date.js"></script>
    <script type="text/javascript" src="http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/scripts/jquery.datePicker.js"></script>
    <link rel="stylesheet" type="text/css" media="screen" href="http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/styles/datePicker.css">

    <script type="text/javascript" charset="utf-8">

        Date.format = 'dd.mm.yyyy';

        $(function(){
            $('.date-pick').datePicker()
                .val(new Date().asString()).trigger('change');
        });
    </script>
</head>
<body>
    <label for="date1">Date 1:</label>
    <input name="date1" id="date1" class="date-pick" />
</body>
</html>

请注意，脚本http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/scripts/date.js扩展了 Date.prototype 并将“Date.format”设置为“dd/mm/yyyy”。我用'dd.mm.yyyy'覆盖了它。

于 2009-05-12T14:04:56.460 回答
1

我不确定我是否真的理解问题所在？

$(document).ready(function() {
    $('#date_field').datepicker({
        dateFormat: 'yy-mm-dd',
        constrainInput: false});
});

并且在您拥有的输入字段中只有一个标准值：

<input name="date_field" id="date_field" value="2008-04-16" />

或者你可以在 document.ready 中设置值

$('#date_field').val("2008-04-16");

添加日期选择器后。我不确定这是不是你的意思？

好的，在您发表评论后，我感觉您想要类似的东西：

var my_date = new Date(); //This is the Date object that you're getting from external source
$('#date_field').val(my_date.getFullYear()+"/"+my_date.getMonth()+"/"+my_date.getDate());

这应该将字段中的值设置为 2008/04/26 （或其他）

于 2009-05-12T14:09:56.000 回答