Excel todolist制作

1、下拉列表制作

      如,任务的优先级:优先、中等、低的制作

    在【数据】-【数据有效性】-【设置】-【序列】-【选择使用下拉列表】,然后在【来源】中填入:优先,中等,低,注意其中是以英文逗号分开的


2、日期控件

      首先添加【开发工具】菜单,方法:在【文件】-【选项】-【自定义功能】-右侧视图的右侧列表中选择倒数第三个【开发工具】

     第二,在【开发工具】菜单选择【插入】-【其他控件】,找到calendar control。。。,一般带有版本号

    第三,激活vba窗口,一种方法是从sheet右键【查看代码】,另外一种方法是alt+F11。在vba窗口中左侧选择当前的文件或者sheet,开始编程,代码如下:

Private Sub Calendar1_Click()
ActiveCell = Calendar1.Value
Me.Calendar1.Visible = False
End Sub


Private Sub Worksheet_SelectionChange(ByVal Target As Range)
If Target.Count = 1 Then
  If Target.Column = 1 Then '这是A列,如果要B列则改为2,其他同理.
With Calendar1
If Target <> "" Then
.Value = Target
Else
.Value = Date
End If
.Visible = True
.Top = Target.Top
.Left = Target.Left
End With
Else
Calendar1.Visible = False
End If
End If

End Sub

     然后【文件】-【关闭并返回excel】。此时,需要注意【开发工具】下【设计模式】是否选中,取消此选中状态,代码生效。

好的,下面是用Vue制作todolist的步骤: 1. 创建Vue实例 首先需要在HTML文件中引入Vue.js库,然后创建一个Vue实例,代码如下: ``` <div id="app"> <input v-model="newTodo" @keyup.enter="addTodo"> <ul> <li v-for="(todo, index) in todos" :key="index"> {{ todo }} <button @click="removeTodo(index)">X</button> </li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/vue"></script> <script> new Vue({ el: '#app', data: { newTodo: '', todos: [] }, methods: { addTodo() { if (this.newTodo.trim() !== '') { this.todos.push(this.newTodo.trim()); this.newTodo = ''; } }, removeTodo(index) { this.todos.splice(index, 1); } } }); </script> ``` 2. 添加数据和方法 在Vue实例中,需要定义数据和方法。数据包括一个用于输入新任务的变量 `newTodo` 和一个用于存储所有任务的数组 `todos`。方法包括添加任务的 `addTodo` 和删除任务的 `removeTodo`。 ``` data: { newTodo: '', todos: [] }, methods: { addTodo() { if (this.newTodo.trim() !== '') { this.todos.push(this.newTodo.trim()); this.newTodo = ''; } }, removeTodo(index) { this.todos.splice(index, 1); } } ``` 3. 绑定数据和事件 在HTML文件中,需要使用Vue的指令来绑定数据和事件。使用 `v-model` 指令将输入框和 `newTodo` 变量绑定在一起,使用 `v-for` 指令将任务表和 `todos` 数组绑定在一起,使用 `@keyup.enter` 指令监听回车键,使用 `@click` 指令监听删除按钮的点击事件。 ``` <input v-model="newTodo" @keyup.enter="addTodo"> <ul> <li v-for="(todo, index) in todos" :key="index"> {{ todo }} <button @click="removeTodo(index)">X</button> </li> </ul> ``` 4. 样式美化 最后,可以对todolist进行样式美化,使其更加美观。 ``` <style> #app { font-family: Arial, sans-serif; margin: 50px auto; max-width: 600px; } input[type="text"] { padding: 10px; border: none; border-bottom: 1px solid #ccc; font-size: 16px; width: 100%; box-sizing: border-box; outline: none; } ul { list-style: none; padding: 0; } li { margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center; } button { background-color: #ff4d4d; color: #fff; border: none; border-radius: 50%; height: 30px; width: 30px; font-size: 14px; display: flex; justify-content: center; align-items: center; outline: none; cursor: pointer; } </style> ``` 完成以上四个步骤后,就可以得到一个简单的todolist应用。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值