Проект DatePicker_ohos

Данный проект является результатом переноса и разработки на основе открытого проекта SwipeCaptcha. Исходный проект Android можно отследить по тегам и адресу GitHub (https://github.com/mcxtzhang/SwipeCaptcha). Также в сообществе было опубликовано описание этого проекта, доступное по ссылке (https://harmonyos.51cto.com/posts/3402).

Описание проекта:

• Название: DatePicker (выбор даты).
• Серия: адаптация сторонних компонентов HarmonyOS.
• Функция: реализация эффекта скользящего выбора даты, времени и даты и времени с последующим отображением выбранной даты и времени.
• Состояние переноса: 80%, завершена основная функция — проверка изображения, не перенесена часть прозрачности ползунка.
• Вызов: рефакторинг.
• Версия разработки: SDK6, DevEco Studio2.2 beta1.
• Автор и сопровождающий: Ли Ке.
• Электронная почта: isrc_hm@iscas.ac.cn.
• Адрес исходного документа проекта: https://github.com/ddd702/datePicker/.

Проект предоставляет следующие возможности:

• Программирование на JavaScript.
• Компонент для скользящего выбора даты и времени, который отображает выбранную дату через дефис в соответствующем элементе управления.

Инструкция по использованию:

1. Инициализация данных, включая подсказки, начальные значения даты, времени и даты-времени, которые отображаются при запуске компонента.

data: {
    selectList: ["text", "data", "time", "datetime", "multitext"],
    datevalue: 'Выберите дату', // Подсказка компонента
    timevalue: 'Выберите время',
    datetimevalue: 'Выберите дату и время',
    containsecond: true,
    multitextselect: [1, 2, 0],
    datetimeselect: '2012-5-6-11-25', // Начальное значение даты и времени
    timeselect: '11:22:30', // Начальное время
    dateselect: '2021-3-2', // Начальная дата
    textselect: '2'
},

2. Настройка действий при изменении даты, времени или даты и времени и отображение выбранной даты. Изменение соответствующих значений данных для отображения на странице HTML.

dateonchange(e) {// Действие при изменении даты
    this.datevalue = e.year + "-" + e.month + "-" + e.day;
},
timeonchange(e) {// Действие при изменении времени
    if (this.containsecond) {
        this.timevalue=e.hour+":"+e.minute+":"+e.second;
    } else {
        this.timevalue=e.hour+":"+e.minute;
}},
datetimeonchange(e) {// Действие при изменении даты и времени
    this.datetimevalue=e.year+"-"+e.month+"-"+e.day+" "+e.hour+":"+e.minute;
},
popup_picker() {// Отображение выбранной даты
    this.$element("picker_text").show();
},
selectChange(e){
    for(let i = 0;i<this.selectList.length;i++){
        if(e.newValue == this.selectList[i]){
            this.$element("picker"+i).show();
        }
    }
}

Версия: v0.1.0-alpha.

Лицензия: DatePicker_ohos распространяется под лицензией Apache License, version 2.0.