Как я могу изменить формат даты в шаблоне vue js

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

У виджета Tkinter есть метод с именем после , который позволяет вам планировать функции, запускаемые после определенный период времени. Первый шаг - написать функцию, которая делает один «кадр» вашей анимации. В вашем случае вы определяете анимацию как переход между двумя цветами. Функция, которая проверяет текущий цвет, затем переключается на другой цвет, все, что вам нужно:

def blink(rect, canvas):
    current_color = canvas.itemcget(rect, "fill")
    new_color = "red" if current_color == "white" else "white"
    canvas.itemconfigure(rect, fill=new_color)

Теперь нам просто нужно, чтобы эта функция выполнялась три раза с интервалом в одну секунду:

root.after(1000, blink, rect, canv)
root.after(2000, blink, rect, canv)
root.after(3000, blink, rect, canv)

Когда вы запустите свой основной цикл, через одну секунду цвет изменится, через секунду он снова изменится, и через третью секунду он снова изменится.

Это работает для вашего очень специфическая потребность, но это не очень хорошее общее решение. Более общее решение - вызвать blink один раз, а затем blink снова вызвать себя через некоторый период времени. blink затем должен нести ответственность за то, чтобы перестать мигать. Вы можете установить какой-либо флаг или счетчик, чтобы отслеживать, сколько раз вы моргнули. Например:

def blink(rect, canvas):
    ...
    # call this function again in a second to
    # blink forever. If you don't want to blink
    # forever, use some sort of flag or computation
    # to decide whether to call blink again
    canvas.after(1000, blink, rect, canvas)

Как последний совет, я рекомендую вам определить вашу программу как класс, а затем создать экземпляр этого класса. Это делает так, что вам не нужны глобальные функции, и вам не нужно передавать столько аргументов. Это не имеет большого значения для 20-строчной программы, но это начинает иметь значение, если вы хотите написать что-то существенное.

Например:

from tkinter import *

class MyApp(Tk):
    def __init__(self):
        Tk.__init__(self)
        fr = Frame(self)
        fr.pack()
        self.canvas  = Canvas(fr, height = 100, width = 100)
        self.canvas.pack()
        self.rect = self.canvas.create_rectangle(25, 25, 75, 75, fill = "white")
        self.do_blink = False
        start_button = Button(self, text="start blinking", 
                              command=self.start_blinking)
        stop_button = Button(self, text="stop blinking", 
                              command=self.stop_blinking)
        start_button.pack()
        stop_button.pack()

    def start_blinking(self):
        self.do_blink = True
        self.blink()

    def stop_blinking(self):
        self.do_blink = False

    def blink(self):
        if self.do_blink:
            current_color = self.canvas.itemcget(self.rect, "fill")
            new_color = "red" if current_color == "white" else "white"
            self.canvas.itemconfigure(self.rect, fill=new_color)
            self.after(1000, self.blink)


if __name__ == "__main__":
    root = MyApp()
    root.mainloop()

0
задан Shubhra Sarker 17 January 2019 в 06:27
поделиться

1 ответ

Используйте конструктор Date для создания нового объекта даты из вашей строки даты. Затем вы можете создать дату в любом произвольном формате, используя этот объект. Смотрите код ниже.

const input = "2019-01-08T11:11:00.000Z";

const dateObj = new Date(input);

const year = dateObj.getFullYear();
const month = (dateObj.getMonth()+1).toString().padStart(2, '0');
const date = dateObj.getDate().toString().padStart(2, '0');

const result = `${year}-${month}-${date}`;

console.log(result);

0
ответ дан Vivek 17 January 2019 в 06:27
поделиться
Другие вопросы по тегам:

Похожие вопросы: