How to use Datetime Picker

Refresh

December 2018

Views

8k time

1

Using ASP.Net & C#

I want to use a datetimepicker in my web page, i cannot find the control, How to get a datetime picker control in the web page.

Can any provide a sample code.

Need C# code Help.

4 answers

1

Вы можете использовать календарь Extender ASP .NET AJAX наряду со стандартным контролем текстового поля.

Смотрите примеры здесь

После того, как вы установили набор Ajax Tool ( скачать здесь ) , то это дело , добавив три строки в вашей веб - странице:

 <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"> </asp:ToolkitScriptManager>
 <asp:TextBox runat="server" id="txtCalendar"></asp:TextBox>
 <asp:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="txtCalendar"></asp:CalendarExtender>
5

Если вы не против того, чтобы использовать JQuery вы можете просто использовать текстовое поле и скрытый его в сборщик Дата и времени с JQuery.

больше объяснений о том , как использовать на сайте JQuery: http://plugins.jquery.com/project/timepicker-addon

Просто включите JavaScript 3 ссылки на страницу

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.custom.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-timepicker-addon-0.5.min.js"></script>

использование плагин, как показано в приведенном ниже коде

// date and time
$('input').datetimepicker({...});
// or just time
$('input').timepicker({...});

EDIT: (добавлена ​​URLs к файлам JavaScript)

файлы Javascript могут быть загружены из нижеприведенных ссылок:

http://trentrichardson.com/examples/timepicker/js/jquery-1.4.2.min.js

http://trentrichardson.com/examples/timepicker/js/jquery-ui-1.8.custom.min.js

http://trentrichardson.com/examples/timepicker/js/jquery-ui-timepicker-addon-0.5.min.js

ЭКСТРА Пример:

<div class="example-container">
  <p>Show time in AM/PM 12 hour format</p>
  <div>
     <input type="text" id="example2" value="" />
  </div>
  <script type="text/javascript">
    $('#example2').datetimepicker({ampm: true});
  </script>
</div>
0

Попробуйте ссылку ниже.

http://trentrichardson.com/examples/timepicker/

Theres некоторое немного Jquery там , что работает. Просто нужно скачать JS, CSS н изображения, повторно синхронизировать ссылки н вуали юй имеет рабочую дату и время контроля сборщика.

Просто необходимо, чтобы просмотреть исходный код и интегрировать его с вашим.

После сканирования Интернета в течение 2-х дней я, наконец, получил эту работу

1

Я использую JQuery DatePicker на своих страницах. Вы можете взглянуть на http://jqueryui.com/demos/datepicker/ .

Использование в том, что вы просто определить нормальное текстовое поле в ваших C # / asp.net страниц и на стороне клиента добавляются все функции datepicking.

На веб-странице вы бы по крайней мере, эту часть кода:

     </script>
        $(function() {
           $("#YourTextBoxId").datepicker();
        });
     </script>

Вы найдете рабочую демо здесь: http://jqueryui.com/demos/datepicker/default.html