2013-06-11 2 views
0

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

Смотрите мне скрипку: http://jsfiddle.net/vK8WA/

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

Если количество дней между двумя датами равно или меньше 31, мы показываем маркеры на каждый день, но если количество дней равно или превышает 32, мы показываем маркеры в течение недель (7 дней) ,

Как подключить от каждого приращения к его соответствующему маркеру <div>? Помогите?

Редактировать

Как предлагается ниже, я использовал i в моем методе для увеличения числа дат на временной шкале. См. Мой новый Fiddle: http://jsfiddle.net/vK8WA/1/

Моя проблема сейчас - цифры продолжают расти. Мне нужно извлечь имя месяца, а также перевернуть число до 1, как только дата дойдет до 31 (или 30, 28, в зависимости от месяца), а также в следующем месяце. Может кто-нибудь помочь с этим?

+0

где маркеры? вы можете упростить код, вставить его здесь и придерживаться какого-то простого вопроса? –

+0

Почему вы не можете прикрепить дату во время функции «// Вставить каждый маркер»? –

ответ

1

I updated your fiddle, и я думаю, вы будете довольны результатами.

  • создания переменных для startDate и endDate
  • Произведено маркеры, основанные на markerDate переменную, которая получает увеличивается на 1 или 7 дней, на основе существующей логики.
  • Добавлен список месяц сокращений и ordinal функцию, чтобы помочь в создании форматированного вывода
  • Добавлен text-align: center; к вашему CSS для time-increment

В результате в настоящее время выглядит следующим образом:

Timeline Image

0

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

+0

Я сделал то, что вы сказали, но теперь у меня есть новый набор проблем. См. Мое обновление. Думаете, вы могли бы помочь? –

Смежные вопросы