Преобразование даты формата MySql в JavaScript Date

Часто при разработке фронтента приходится работать с датами на Javascript. В js объекте Date имеется статический метод parse, который может разобрать практически все, но кроме даты формата MySql ’2011-10-21 17:08:00′.

На stackoverflow наткнулся на простое и элегантное решение.

// разбиваем дату на части [ Y, M, D, h, m, s ]
var t = "2010-06-09 13:12:01".split(/[- :]/);
 
// Передаем каждый элемент в конструктор, если время не указано ставим нули
var d = new Date(t[0], t[1]-1, t[2], t[3] || 0, t[4] || 0, t[5] || 0);
 
alert(d);
// -> Wed Jun 09 2010 13:12:01 GMT+0100 (GMT Daylight Time)

Для большего удобства можно добавить новый метод к классу Date:

Date.createFromMysql = function(mysql_string) {
   if(typeof mysql_string === 'string') {
      var t = mysql_string.split(/[- :]/);
      return new Date(t[0], t[1] - 1, t[2], t[3] || 0, t[4] || 0, t[5] || 0);          
   }
   return null;   
}

Полностью

Различия между jQuery live delegate и bind

Полезная статья которая описывает различия между jQuery функциями live delegate и bind.

The Difference Between jQuery’s .bind(), .live(), and .delegate()

Полностью

Preload изображений с помощью JQuery

Нашел интересное и простое решение для предзагрузки изображений.

jQuery.preloadImages = function(){
  for(var i = 0; i < arguments.length; i++){
     jQuery("").attr("src", arguments[i]);
  }
}

Ипользовать так:

$(function(){
   $.preloadImages('image1.png', 'image2.png', 'image3.png');
});

Полностью

Ошибка Invalid Label с JSON

Столкнулся с ошибкой при парсинге JSON строки через eval: Invalid Label. Обычно код выглядит примерно так:

var jsonString = '{"val1": "some data", "val2": "some data"}';
var myObj = eval(jsonString);

Проблема возникает из-за того, что eval переводит первый пункт строки JSON как JavaScript Label. Решением будет добавлено скобок в начале и в конце строки.

var jsonString = '{"val1": "some data", "val2": "some data"}';
var myObj = eval('(' + jsonString + ')');

Полностью

Создаем простейшее выпадающее меню на JQuery

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

Полностью