ASP.NET DateTime Picker

Refresh

November 2018

Views

159.6k time

26

is there any good free/open source time picker control that goes well with ASP.NET Calendar control?

8 answers

3

Попробуйте самозагрузки-DatePicker , если вы используете загрузчик.

2

Существует простой, из реализации вставки: HTML 5 input type="date"и другие даты , связанные типов ввода.

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

8

Так как это единственный один я использовал, я хотел бы предложить CalendarExtender от http://www.ajaxcontroltoolkit.com/

32

Ответ на ваш вопрос Да , есть какое - либо хорошее свободное / открытое время источника управление подборщиком , который идет хорошо с управлением календарем ASP.NET.

Элемент управления календаря ASP.NET просто записывает HTML таблицу.

Если вы используете HTML5 и dot.net Framework 4.5, то вы можете использовать управление TextBox ASP.NET вместо этого, и установить свойство TextMode либо «Дата», или «Месяц» или «Неделя», или «Время» или " DateTimeLocal»или , если вы не используете либо Chrome или Firefox или Internet Explorer, то вы можете также установить это свойство„DateTime“.

Тогда читайте свойство Text, чтобы получить дату или время, или месяц, или неделю, как строки из TextBox.

Если вы используете dot.net Framework 4.0 или более старую версию, то вы можете использовать любой входную html5 тип = «дату» или тип ввода = «месяц» или тип ввода = «неделю» или тип ввода = «время» или тип ввода = «DateTime-местный» или , если вы не используете либо Chrome или Firefox или Internet Explorer, то вы можете также использовать входной тип = «DATETIME».

Если вам нужно на стороне сервера код (написанный на любом языке C # или Visual Basic) информацию о том, что вводимые пользователем в поле даты, то вы можете попробовать запустить этот элемент на сервере, написав внутри входного тега runat="server"

Также дать этому элементу идентификатор, так что вы можете получить доступ к нему на стороне сервера кода. Прочитайте свойство Value, чтобы получить дату ввода, время, месяц или неделю в виде строки. Если вы не можете запустить этот элемент на сервере, то вам нужно скрытое поле в дополнение к типу входного = «дата» или «время» или «месяц» или «недели». В функции представить (написанном в JavaScript) установить значение скрытого поля к значению типа входного = «дата» или «время», или «месяц», или «неделю», а затем на стороне серверного кода , прочитать значение свойства этого скрытого поля как строка тоже.

Конечно, что скрытое поле элемент HTML может работать на сервере.

Надеюсь, это поможет.

24

JQuery имеет лучший Datepicker ИМХО. Хотя это не относится к .Net все еще работает.

HTML:

<input type="text" value="9/23/2009" style="width: 100px;" readonly="readonly" name="Date" id="Date" class="hasDatepicker"/>

В голове элемента:

<script src="../../Scripts/jquery-1.3.2.min.js" language="javascript" type="text/javascript"/>
<script src="../../Scripts/jquery-ui-1.7.1.custom.min.js" type="text/javascript"/>

Просто как тот!

2

Это решение без JQuery.

Добавить календарь и TextBox в WebForm -> Источник WebForm имеет следующее:

<asp:Calendar ID="Calendar1" runat="server" OnSelectionChanged="DateChange">
</asp:Calendar>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

Создание методов в CS файл WebForm:

protected void Page_Load(object sender, EventArgs e)
    {
        TextBox1.Text = DateTime.Today.ToShortDateString()+'.';
    }

    protected void DateChange(object sender, EventArgs e)
    {
        TextBox1.Text = Calendar1.SelectedDate.ToShortDateString() + '.';
    }

Метод DateChange связано с календарем событий SelectionChanged. Это выглядит следующим образом : DatePicker изображение

2

В текстовом поле добавьте это:

textmode="Date"

Это дает вам приятно смотреть Datepicker как это:

DatePicker

Другие варианты этого:

textmode="DateTime"

Это дает вам этот взгляд:

Дата Время Picker

textmode="DateTimeLocal"
3

Basic Date Picker Lite

Это бесплатная версия своего флагманского продукта, но он содержит дату и время сборщик родной для ASP.NET.