Архивы javascript - Страница 4 из 11

JavaScript: добавить лидирующий 0 к числу

02.08.2021 Павел Грибов WEB

Задача: добавить к числу лидирующий 0, если число однозначное, и не добавлять соответственно, если двухзначное.

Решение: есть два способа, старый, работающий во всех браузерах, и новый — для браузеров 2018 года и новее.

Способ 1:

function pad(value) {
    return ("0"+value).slice(-2);
}

function pad(value) {

return ("0"+value).slice(-2);

}

Способ 2:

function pad(value) {
    return value.tostring().padstart(2, 0);
}

function pad(value) {

return value.tostring().padstart(2, 0);

}

Оставить комментарий javascript, лидирующий 0, лидирующий ноль

Заменить текст строки внутри скобок

21.06.2021 Павел Грибов WEB

Задача: в текущем выделенном элементе списка select заменить текст внутри скобок.

Решение:

Воспользуемся силой регулярки

$('#OutletSelectForCharging option:selected' ).text().replace(/\(.+\)/,'')+"("+current_status_connector_id+")";

1	$('#OutletSelectForCharging option:selected' ).text().replace(/$.+$/,'')+"("+current_status_connector_id+")";

Оставить комментарий javascript, замена, регулярки

Загрузка js и css «по требованию»

25.05.2021 Павел Грибов WEB

Задача: по какому то условию (ну в моем случае это загрузка скрипта «Тура по сайту» если вдруг пользователь его не проходил), необходимо до грузить дополнительные JS и CSS файлы, а по завершению их загрузки — запустить.

Решение:

function TourStart(){
    if ((localStorage.getItem(document.location.pathname+"_tour")==null)||(localStorage.getItem(document.location.pathname+"_tour")==false)){
        element = document.createElement("script");
        element.src = "https://shepherdjs.dev/dist/js/shepherd.js";
        element.addEventListener('load', () => {
            console.log("--загружаем тур!");
            element = document.createElement("script");
            element.src = "/js/tour.min.js";
            document.body.appendChild(element);
        });
        document.body.appendChild(element);
        element = document.createElement("link");
        element.href = "https://shepherdjs.dev/dist/css/shepherd.css";
        element.rel="stylesheet"
        document.body.appendChild(element);        
        
    };
};

console.log("-- main.js загружен");
$(document).ready(function() {
   TourStart(); // стартовать тур по странице если нужно..
});

function TourStart(){

if ((localStorage.getItem(document.location.pathname+"_tour")==null)||(localStorage.getItem(document.location.pathname+"_tour")==false)){

element = document.createElement("script");

element.src = "https://shepherdjs.dev/dist/js/shepherd.js";

element.addEventListener('load', () => {

console.log("--загружаем тур!");

element = document.createElement("script");

element.src = "/js/tour.min.js";

document.body.appendChild(element);

});

document.body.appendChild(element);

element = document.createElement("link");

element.href = "https://shepherdjs.dev/dist/css/shepherd.css";

element.rel="stylesheet"

document.body.appendChild(element);

};

console.log("-- main.js загружен");

$(document).ready(function() {

TourStart(); // стартовать тур по странице если нужно..

});

Оставить комментарий javascript, загрузка

JavaScript именованные массивы как набор записей

18.03.2021 Павел Грибов WEB

Обычно для этой цели используют конструкцию Map, однако лично мне не нравится его синтаксис, когда для доступа необходимо использовать get /set. Поэтому я обычно использую создание объекта. Т.е. получается что-то вроде:

// набор записей
TBokings=new Object();
TBokings={
  x:0,
  x1:0,
  starttime:"12:00",
  endtime:"13:00",
  status:"busy"
};
// сам массив
ArrBooking=new Array();

///добавление в массив
  TBokings.x=startRectX;
  TBokings.x1=EndRectX;
  TBokings.starttime=item.DtFrom_UTC;
  TBokings.endtime=item.DtTo_UTC;
  TBokings.status="busy";
  ArrBooking.push(Object.assign({}, TBokings));      

// перебор массива

ArrBooking.forEach(function(item){
	console.log(item);
});

// набор записей

TBokings=new Object();

TBokings={

x:0,

x1:0,

starttime:"12:00",

endtime:"13:00",

status:"busy"

};

// сам массив

ArrBooking=new Array();

///добавление в массив

TBokings.x=startRectX;

TBokings.x1=EndRectX;

TBokings.starttime=item.DtFrom_UTC;

TBokings.endtime=item.DtTo_UTC;

TBokings.status="busy";

ArrBooking.push(Object.assign({}, TBokings));

// перебор массива

ArrBooking.forEach(function(item){

console.log(item);

});

Оставить комментарий javascript, map, object, именованый массив, набор записей

Javascript: конвертация даты и строки в тип Date

18.02.2021 Павел Грибов WEB

Задача: преобразовать строку вида 18.02.2021 10:12 в переменную javascript типа дата.

Решение: создадим универсальный прототип конвертирования для строки:

String.prototype.toDateFromat = function(format){
  var normalized      = this.replace(/[^a-zA-Z0-9]/g, '-');
  var normalizedFormat= format.toLowerCase().replace(/[^a-zA-Z0-9]/g, '-');
  var formatItems     = normalizedFormat.split('-');
  var dateItems       = normalized.split('-');

  var monthIndex  = formatItems.indexOf("mm");
  var dayIndex    = formatItems.indexOf("dd");
  var yearIndex   = formatItems.indexOf("yyyy");
  var hourIndex     = formatItems.indexOf("hh");
  var minutesIndex  = formatItems.indexOf("ii");
  var secondsIndex  = formatItems.indexOf("ss");

  var today = new Date();

  var year  = yearIndex&gt;-1  ? dateItems[yearIndex]    : today.getFullYear();
  var month = monthIndex&gt;-1 ? dateItems[monthIndex]-1 : today.getMonth()-1;
  var day   = dayIndex&gt;-1   ? dateItems[dayIndex]     : today.getDate();

  var hour    = hourIndex&gt;-1      ? dateItems[hourIndex]    : today.getHours();
  var minute  = minutesIndex&gt;-1   ? dateItems[minutesIndex] : today.getMinutes();
  var second  = secondsIndex&gt;-1   ? dateItems[secondsIndex] : today.getSeconds();

  return new Date(year,month,day,hour,minute,second);
};

String.prototype.toDateFromat = function(format){

var normalized = this.replace(/[^a-zA-Z0-9]/g, '-');

var normalizedFormat= format.toLowerCase().replace(/[^a-zA-Z0-9]/g, '-');

var formatItems = normalizedFormat.split('-');

var dateItems = normalized.split('-');

var monthIndex = formatItems.indexOf("mm");

var dayIndex = formatItems.indexOf("dd");

var yearIndex = formatItems.indexOf("yyyy");

var hourIndex = formatItems.indexOf("hh");

var minutesIndex = formatItems.indexOf("ii");

var secondsIndex = formatItems.indexOf("ss");

var today = new Date();

var year = yearIndex>-1 ? dateItems[yearIndex] : today.getFullYear();

var month = monthIndex>-1 ? dateItems[monthIndex]-1 : today.getMonth()-1;

var day = dayIndex>-1 ? dateItems[dayIndex] : today.getDate();

var hour = hourIndex>-1 ? dateItems[hourIndex] : today.getHours();

var minute = minutesIndex>-1 ? dateItems[minutesIndex] : today.getMinutes();

var second = secondsIndex>-1 ? dateItems[secondsIndex] : today.getSeconds();

return new Date(year,month,day,hour,minute,second);

};

dt="18.02.2021 10:35:00".toDateFromat("dd.mm.yyy hh:ii:ss");

1	dt="18.02.2021 10:35:00".toDateFromat("dd.mm.yyy hh:ii:ss");

Результат:

Оставить комментарий javascript, дата, строка, строка в дату

« 1 2 3 4 5 6 … 11 »

Пн	Вт	Ср	Чт	Пт	Сб	Вс
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30	31