Блог

Главная - Вопросы по программированию - Попытка привести дату из средства выбора даты начальной загрузки в рабочее состояние

Попытка привести дату из средства выбора даты начальной загрузки в рабочее состояние

#jquery #asp.net #twitter-bootstrap #datepicker #bootstrap-datepicker

#jquery #asp.net #twitter-bootstrap #datepicker #bootstrap-datepicker

Вопрос:

В принципе, дата, которую я выбираю, попадает в текстовое поле. Но поскольку он не помещает дату непосредственно в StartDateTextBox.Value, я не могу получить доступ к дате в StartDateTextBox. Есть ли способ это исправить? 

 <script>
        $(function ()
        {
            $("#StartDateTextBox").datepicker({ showOn: "button", buttonImage: "./calendarFull.png", buttonImageOnly: true });

            document.getElementById('StartDateTextBox').value = $("StartDateTextBox").valueOf();
            var sdf = 234;
        }

        );
</script>
<script>
        $("StartDateTextBox").click(function (event) {
            alert($(this).attr("data-my-custom-data"));
            alert($(this).attr("data-row-id"));
            alert($(this).attr("href"));

            event.preventDefault(); // To avoid browsing to href...
        });
        document.getElementById('StartDateTextBox').value = " 234 ";
</script>

Комментарии:

1. Не могли бы вы подтвердить, что используете Bootstrap datepicker из eyecon.ro/bootstrap-datepicker .

2. В вашем примере вы ссылаетесь $("StartDateTextBox").valueOf() на and $("StartDateTextBox").click(function (event) { , однако $("StartDateTextBox") отсутствует «#» или «.» (для выбора по идентификатору или классу), в противном случае jQuery не выберет элемент. Я также не понимаю, чего пытается достичь образец. Почему в текстовом поле есть атрибут «href»? Не могли бы вы более четко объяснить, что вы делаете и пытаетесь достичь.

Ответ №1:

Я собираюсь попытаться ответить, прежде чем я получу ответ на мои комментарии по вопросу:

Когда я сталкиваюсь с подобной проблемой (и из вашего опубликованного кода я предполагаю, что вы применяете подход «попробуй и посмотри, что получится» для решения проблемы), мне нравится возвращаться к основам. Я начинаю с новой страницы, на которой есть только то, что я хочу: ссылки на jQuery, Bootstrap и библиотеку выбора даты, а также минимальный тестовый пользовательский интерфейс и скрипт.

Попробуйте это: добавьте текстовое поле на страницу: <input type="text" value="" id="StartDateTextBox" /> , затем следующий код: 

 
<script type="text/javascript">
$(document).ready(function () {
  $("#StartDateTextBox").datepicker({ showOn: "button", buttonImage: "./calendarFull.png", buttonImageOnly: true });
});
</script>

Я протестировал этот код и знаю, что он работает. Он генерирует всплывающее окно выбора даты, когда вы фокусируетесь на текстовом поле, и добавляет выбранную вами дату в текстовое поле.
И обратите внимание, что я использовал $(document).ready() ? Это помогает убедиться, что библиотеки загрузились первыми, прежде чем мы инициализируем средство выбора даты.

Я вижу, вы смешиваете как собственные селекторы Javascript, так и jQuery. Выберите один и придерживайтесь его, чтобы избежать путаницы при переключении между стилями. jQuery работает хорошо, поэтому я предлагаю вам использовать это.

Теперь мы хотим получить доступ к выбранной дате, которая сейчас находится в текстовом поле? Попробуйте это: 

 
function ShowDateValue()
{
    alert($("#StartDateTextBox").val());
}

Это должно отображать день из текстового поля в диалоговом окне предупреждения.

Что вам нужно делать дальше? Я вижу, что вы ссылаетесь на hrefs и говорите о прекращении просмотра ссылок, поэтому я подозреваю, что в этой проблеме есть что-то еще. Проведите меня, и я смогу помочь.