JQuery DatePicker инициализировать селектор / поле - PullRequest
Новая
       13

JQuery DatePicker инициализировать селектор / поле

2 голосов
/ 12 мая 2009

возможно ли заполнить поле ввода датой, которая использует тот же формат, который я выбрал бы с помощью средства выбора даты? Например, у меня есть значение (например, new Date ()) в моем поле ввода, прежде чем я выберу дату с помощью указателя даты, и я хочу, чтобы она имела тот же формат, в котором я ее выбрал бы.

ТНХ

kukudas

Ответы [ 2 ]

2 голосов
/ 12 мая 2009

Обратите внимание на демонстрационный сайт , новый Date (). AsString () используется для выбора сегодня и форматируется, как и следовало ожидать. 

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

EDIT:

Вы должны убедиться, что вы правильно установили формат 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.pro и устанавливает для параметра "Date.format" значение "дд / мм / гггг" Я переопределяю это с помощью 'dd.mm.yyyy'.

1 голос
/ 12 мая 2009

Я не уверен, что я действительно понимаю, в чем проблема? 

$(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 (или как угодно)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...