Блог

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

Календарь предоставляет дату, подобную Wed Apr 06 2011 00:00:00 GMT 1000 (EST) .

Чтобы быть удобным для пользователя, я хочу разделить дату, время и часовой пояс, а затем предварительно загрузить дату в текстовое поле с помощью средства выбора даты. Затем я хотел бы переформатировать данные обратно в ту структуру, в которой они были получены, чтобы событие могло быть обработано календарем.

Я использовал несколько средств выбора даты, но не те, которые используют этот формат, есть ли способ, которым я могу легко преобразовать этот формат во что-то полезное.

Извините, но я не программист на javascript, поэтому нуждаюсь в небольшом дополнительном руководстве.

Спасибо,

Тим

Думаю, вы, возможно, смотрите на это.

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

также проверьте это для формата даты

http://jqueryui.com/demos/datepicker/#date-formats

http://docs.jquery.com/UI/Datepicker/formatDate

Не уверен, что вы подразумеваете под компонентом, но дату легко разобрать

var date = new Date(Date.parse("Wed Apr 06 2011 00:00:00 GMT 1000 (EST)"));

Если вы ищете прямой метод javascript для анализа этих данных, выполните следующее.

 var $string = <that data string above>;
var $dateElements = $string.split(" ");
  

теперь $dateElements — это массив, который выглядит следующим образом:

 {"Wed", "Apr", "06", "2011", "00:00:00", "GMT 1000", "(EST)"}
  

чтобы получить месяц, который вы бы ввели
$dateElements[1]

чтобы получить часы, которые вы бы сделали

 var $time = $dateElements[4].split(":");
var $hours = $time[0];
  

http://www.w3schools.com/jsref/jsref_split.asp

DateJS — отличная библиотека, предоставляющая множество опций для синтаксического анализа / форматирования дат: http://www.datejs.com /

jQuery UI Datepicker также предоставляет опцию DateFormat, которая позволяет вам указать формат для ввода текста за Datepicker: http://jqueryui.com/demos/datepicker/#option-dateFormat

Трент Ричардсон опубликовал дополнение для пользовательского интерфейса jQuery, расширяющее Datepicker с помощью компонента времени: http://trentrichardson.com/examples/timepicker /