Установите Date в поле ввода DatePicker пользовательского интерфейса Jquery

Question

Установите Date в поле ввода DatePicker пользовательского интерфейса Jquery

0

Я использую jquery ui datepicker.and его отлично работает. Мне нужно установить дату в текстовое поле, когда querystring содержит любую дату

например, мой url - localhost:301/?date=2013-12-01

поэтому я хочу установить эту дату для ввода текстового поля.

поле ввода html

<input type="text" id="datepicker" class="txt-cal hasDatepicker" name="addFromDate" date_name="2013-12-11">

Я пробовал кое-что, но никакого результата.

$(function () {

        var myDate = ?/*how to select the date_name from input textbox
        $('#datepicker').datepicker();
        $('#datepicker').datepicker('setDate', myDate);
        $('#datepicker2').datepicker();
        $('#datepicker2').datepicker('setDate', myDate);
        $('#datepicke3').datepicker();
        $('#datepicke3').datepicker('setDate', myDate);
        $('#datepicker4').datepicker();
        $('#datepicker4').datepicker('setDate', myDate);


    });

заранее спасибо

Arun 12 дек. 2013, в 13:32

Источник

0

Можете ли вы предоставить нам jsfiddle? Вы должны .datepicker() вызвать .datepicker() а затем .datepicker('setDate', date)
RononDex 12 дек. 2013, в 11:56
0

jsfiddle.net/D9N6a/2
Arun 12 дек. 2013, в 12:01
2

Вот и вы: jsfiddle.net/D9N6a/3
RononDex 12 дек. 2013, в 12:04
0

установите формат даты dateFormat : 'yy-mm-dd' затем вы можете назначить вам значение даты
Ashok Maharjan 12 дек. 2013, в 12:04

Показать ещё 2 комментария

Теги:

javascript

jquery

datepicker

jquery-ui

3 ответа

1

Вам нужно использовать функцию.attr:

var myDate = $("#datepicker").attr("date_name");

Однако вы должны остерегаться создания нестандартных атрибутов HTML

CodingIntrigue 12 дек. 2013, в 10:02

0

Вы можете сделать это:

$ ('# datepicker1'). datepicker ({orientation: 'top', format: 'dd-mm-yyyy'});

var currentDate = new Date();
var day = ((currentDate.getDate()).toString().length == 1) ? '0' + (currentDate.getDate()).toString() : (currentDate.getDate()).toString();
var month = ((currentDate.getMonth() + 1).toString().length == 1) ? '0' + (currentDate.getMonth() + 1).toString() : (currentDate.getMonth() + 1).toString();
var year = currentDate.getFullYear();
$("#datepicker1").val(day + '-' + month + '-' + year);

Я попытался в текстовом управлении ввода. Просто нужно было применить datepicker 1st, а затем установить текущую дату в текстовое поле.

Anup Pandey 20 май 2016, в 09:05

Ещё вопросы

Можете ли вы предоставить нам jsfiddle? Вы должны .datepicker() вызвать .datepicker() а затем .datepicker('setDate', date)
установите формат даты dateFormat : 'yy-mm-dd' затем вы можете назначить вам значение даты

Praveen · Accepted Answer · 2013-12-12T10-44-00.000Z

Лучшим подходом будет использование атрибута пользовательских data.

data-date="2013-12-11"

Теперь вы можете получить к нему доступ

var myDate = $("#datepicker").data("date");
$('#datepicker').datepicker('setDate', myDate);

Обновить:

Я сомневаюсь, что вы пытаетесь получить его из url (т.е. Строки запроса)

Если да, то проверьте этот ответ, где метод написан для получения

function getParameterByName(name) {
    name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
        results = regex.exec(location.search);
    return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}

Теперь

var myDate = getParameterByName("date");