JQuery date and time picker

Post date: May 31, 2010 12:50:14 PM

Шукав собі ґарного дате анд тайм пікера і знайшов ось цю доробку звичайного уюішного датепікера

http://www.projectcodegen.com/JQueryDateTimePicker.aspx

автор все ж таки мудак.

А ось все останне на момент написання блогу. (аби не пропало...)

JQuery UI DateTimePicker

Source files

JS Files jquery.ui.datetimepicker.js (txt) jquery.ui.datetimepicker.js.txt

JS MIN Files jquery.ui.datetimepicker.min.js

Based on JQuery UI DatePicker + JavaScript Date Format,

Removed DatePicker option constrainInput.

Removed DatePicker input parsing, replaced with a basic date/time check.

Changed DatePicker formatting options from input/output formatting, to output formatting only.

Implemented JavaScript Date Format option for output formatting.

Added closest year based on absolute (ABS) distance from present year.

2/1/13 chooses 2013.

12/1/88 chooses 1988.

Minimum required dependencies.

1: <head>

2: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

3: <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.min.js"></script>

4: <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/ui.all.css" rel="stylesheet" type="text/css" />

5: <script src="jquery.ui.datetimepicker.min.js" type="text/javascript"></script>

6: </head>

Configures form element ID TextBox1 to be a jquery datetimepicker

1: <script type="text/javascript">

2: $(function() {

3: $('#TextBox1').datetimepicker();

4: });

5: </script>

HTML Elements

1: <html>

2: <body>

3: <form>

4: <input type="text" id="TextBox1" />

5: </form>

6: </body>

7: </html>

ПС Автар мудак

ППС в атаче пофиксиная версия js но не сжатая (зато без ошибок)

Отож це все варто робити двома полями: одне для дати друге для часу (а для цього як відомо є jquery ui datepicker а для часу, що завгодно аби працювало).

На стороні Django є такий собі віджит splitdatetimewidget.

date = forms.DateTimeField(widget=forms.SplitDateTimeWidget)