$(this).validate({
ignore: [],
invalidHandler: function() {
var errorList = '';
setTimeout(function(){
var errorList = $('select.error');
errorList.siblings().find('p').addClass('error');
errorList.change(function() {
errorList.siblings().find('p').removeClass('error');
});
},1);
}
});
$('.week-view .hour-grid .days .day').each(function () {
const cell = $(this).find('.cell');
for (let i = 0; i < cell.length; i++) {
const eventsList = cell[i];
const events = eventsList.children.length; // 2
for (const event of eventsList.children) {
event.classList.add('overlap');
}
if (events > 1) {
for (let y = 0; y < events; y++) {
let left = 100 / events * y + '%';
let right = 100 - 100 / events * (y + 1) + '%';
console.log(left); //0% // 50%
console.log(right); //50% // 0%
$('.event-item.overlap').eq(y).css({
'left': left,
'right': right
});
}
}
}
})
<div style="display: none;">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<symbol id="right-arr" viewBox="0 0 17 32">
<g id="right-arr">
<line x1="16" y1="16" x2="1" y2="31"/>
<path d="M1,1"/>
<line x1="1" y1="1" x2="16" y2="16"/>
</g>
</symbol>
<symbol id="left-arr" viewBox="0 0 17 32">
<g id="left-arr">
<line class="cls-1" x1="1" y1="16" x2="16" y2="1"/>
<path class="cls-1" d="M16,31"/>
<line class="cls-1" x1="16" y1="31" x2="1" y2="16"/>
</g>
</symbol>
</svg>
</div>
<svg class="icon-right-arr">
<use xlink:href="#right-arr"></use>
</svg>
<svg class="icon-left-arr">
<use xlink:href="#left-arr"></use>
</svg>
data.addRows([
{% for stat in launched_product.get_all_statistic %}
[new Date ({{ stat.timestamp|date:"Y, m-<b>1</b>, d" }}), {{ stat.kw_rank }}, {{ stat.bsr }}],
{% endfor %}
]);
в получаемых django данных отнимаю от месяца 1, и результат
01/07/18, 01/12/18, 01/16/18
как мне без лишней боли сверстать такой макет сначала с учётом ширины в 1366px
Просто уметь решить задачу в рамках Front-End'а, пусть и минимальными технологическими средствами (HTML5 и CSS3 без всяких фреймворков и препроцессоров, pure JS + Vue 2 для всего, UX, Photoshop и навыки/понимание веб-дизайна чтобы накидать не самый уродский прототип в рамках решения бизнес-задачи).
$(function() {
var datepicker = $('.datepicker-here').datepicker({
onSelect: function(formattedDate, date, inst) {
localStorage.setItem("datepickerDate", date);
},
onRenderCell: function(date, cellType) {
if (cellType == 'day') {
var today = new Date();
today.setHours(0, 0, 0, 0);
if (today && date <= +today + 86400000 * 3) {
return {
disabled: true
}
}
}
},
minDate: new Date(),
position: 'left bottom',
language: {
days: ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'],
daysShort: ['Su','Mo','Tu','We','Th','Fr','Sa'],
daysMin: ['Su','Mo','Tu','We','Th','Fr','Sa'],
months: ['January','February','March','April','May','June','July','August','September','October','November','December'],
monthsShort: ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Okt','Nov','Dec'],
today: 'Today',
select: '',
clear: 'clear',
dateFormat: 'yyyy-mm-dd',
timeFormat: '',
firstDay: 1
}
}).data('datepicker');
var selectedDate = localStorage.getItem("datepickerDate");
if (selectedDate !== null && selectedDate !== '') datepicker.selectDate(new Date(selectedDate));
});
<div class="col-3@xs col-4@sm col-3@md col-2@lg product-item-inner" data-groups='[""]' data-status="" data-date-created="" data-title="">
<img class="transform-x-y" src="{% static 'jl/cd/img/plus.png' %}" alt="plus">
</div>
Например: Могут ли в разработке, каждый участник писать код на своем любимом препроцессоре, или есть какая разница и НЕЛЬЗЯ сделать так чтобы каждый писал на своем ?это в реальности не возможно, обычно в компании существует обыкновенный стайл гайд (правила, таск-менеджеры и т.д)