Как отформатировать вывод html5 datepicker, когда type = "week"?

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

Я выбираю формат YYWW.

Я много нахожу по форматированию вывода обычного datepicker type = "date", но не для недели datepicker.

<script type = "text/javascript" src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script type = "text/javascript" src = "https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.bundle.min.js"></script>
<div class = "container p-5">
  <div class = "row">
    <div class = "col-sm-6 offset-sm-3 mx-auto">
    <!-- HTML here -->
    <input type = "week" class = "form-control">
    </div>
  </div>
</div>

Я не понял, почему вам нужно изменить его формат на yyww, давайте ваш пример: вам нужен вывод 1835, теперь как вы можете определить, что это 2018 или 1918 или 1818 или 2118? и для этого вы не хотите, чтобы пользователь мог выбирать, например, неделю _ _, _ _ _ _.

yash 11.09.2018 12:38

Идея состоит в том, чтобы выбрать текущую дату из указателя даты. Но вывод не будет отображать ММ-ДД-ГГГГ. Я хочу, чтобы он отображал YYWW.

Millhorn 12.09.2018 15:59

вы хотите сказать, что вывод означает значение, которое сгенерировано внутри Weekpicker, правильно?

yash 13.09.2018 08:13

Например, я хочу выбрать сегодняшнюю дату в окне выбора даты. Но я хочу, чтобы вывод отображал YYWW (1837).

Millhorn 13.09.2018 08:27
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
4
366
2

Ответы 2

HTML

<input type = "week" required = "required">

CSS

input[type = "week"] {
appearance: none;
-webkit-appearance: none;
color: #95a5a6;
font-family: "Helvetica", arial, sans-serif;
font-size: 18px;
border:1px solid #ecf0f1;
background:#ecf0f1;
padding:5px;
display: inline-block !important;
visibility: visible !important;
}

Редактирую свой предыдущий ответ. Возможно, это поможет отформатировать вывод для type = "week". Отметьте http://jsfiddle.net/V2Q58/1590/. Измените тип с даты на неделю.

ОТКАЗ ОТ ОТВЕТСТВЕННОСТИ: Результат сделан Адриано Монекки

Вы прочитали вопрос? Я пытаюсь отформатировать вывод datepicker, когда тип неделя.

Millhorn 29.08.2018 04:08

В моем вопросе говорится, что результат, которого я пытаюсь достичь, - это "YYWW" ... Пожалуйста, попробуйте свою скрипку. Он этого не делает, независимо от типа ввода.

Millhorn 29.08.2018 08:49

Я использовал класс datepicker. и введите гггг-мм .. Нажмите здесь http://jsfiddle.net/d8gnt9bw/

Elmer 30.08.2018 04:44

Не работает. Он выводит yyyy mm, а это не то, что я ищу. Как я уже сказал в исходном вопросе ... Я ищу YYWW (например, 1835 г., который является годом 2018 и 35-й неделей). Имеет ли это смысл?

Millhorn 30.08.2018 05:41

Что именно нужно форматировать? Вы можете контролировать минимум и максимум, как показано ниже.

<input type = "week"  max = "2017-W52" min = "2017-W01" class = "form-control">

Когда я нажимаю любую дату в datepicker, я хочу, чтобы вывод отображался как yyww (год год неделя неделя). Если я выберу сегодняшнюю дату, на выходе будет 1835, потому что сейчас 2018 год, а мы находимся на 35-й неделе.

Millhorn 29.08.2018 05:03

Другие вопросы по теме