清除redux表单域(DatePicker)单击'x‘
清除redux表单域(DatePicker)单击'x'的操作可以通过以下步骤实现：
- 在Redux的状态管理中，为DatePicker组件的值创建一个对应的状态字段，例如
dateValue。 - 在DatePicker组件中，添加一个'x'按钮，用于清除选择的日期。
- 在点击'x'按钮时，触发一个事件，例如
handleClearDate。 - 在
handleClearDate事件中，调用Redux的action来更新dateValue的值为空。 - 在Redux的reducer中，处理该action，将
dateValue的值设置为空。 - 在需要使用
dateValue的组件中，通过Redux的connect方法将dateValue映射到组件的props中。 - 在组件中，根据
dateValue的值来决定DatePicker组件是否显示已选择的日期。
这样，当用户点击'x'按钮时，Redux的状态管理会更新dateValue的值为空，从而清除DatePicker组件中选择的日期。
推荐的腾讯云相关产品：无
请注意，以上答案仅供参考，具体实现方式可能因项目需求和技术栈而有所不同。
相关·内容
你好，我正在使用来自redux-form-material-ui的DatePicker，但我不能清除该字段-没有办法使用我在此处描述的组件：，因此我想在右侧的字段中添加'x‘按钮，单击它将清除该字段..<Field type="text" className={css.fullWidth}
浏览 2提问于2018-07-13得票数 0
本质上，我有一个react日期选择器，作为redux表单字段合并到我的表单中。我允许用户使用redux-form reset prop清除整个表单。这很奇怪，因为datepicker在我的表单数据中是可以识别的，但是当我试图清除整个页面时，它是唯一没有清除的字段。startDate, setStartDate] = useState(null);
浏览 8提问于2019-10-26得票数 0
单击reset按钮，我试图清除所有表单域，但无法清除angular-bootstrap-datepicker.This。;">
<input class="fa fa-calendar" id="dpStartDate" name="startdate" type="text" data-ng-datepickerright;">
浏览 1提问于2016-04-25得票数 0
我有一个带有材料的简单表单-ui DatePicker，例如：但是，如果更改日期，则会将空数组打印到控制台。"material-ui": "0.15.0"
&quo
浏览 3提问于2016-06-08得票数 3
回答已采纳
1回答
我在我的React表单中使用了受控组件。我关心的是那些输入字段，用户可以在其中键入可能很长的文本。SSomSome Some de在用户会话的生命周期中，仅存储这些表单域的所有先前状态就会占用内存。什么是管理我的redux存储的内存消耗的好策略？有没有办法把店里的一些地方冲掉？我不想把所有的
浏览 17提问于2017-07-07得票数 3
回答已采纳
我正在使用JavaScript在我制作的一个简单的web表单中隐藏和显示div内容。我知道我可以手动清除所有输入域(即域X等)。在div中隐藏div，但是有没有更好的方法来实现这一点呢？
浏览 2提问于2011-10-13得票数 1
回答已采纳
我有一个我喜欢的datepicker，它可以工作。它显示为一个整齐的方框，与表单的其余部分保持一致，单击该方框将提示一个datepicker组件，当选择一个日期时，将填充一个文本框。标记：JQuery我还有一个使用<code>D2</code>构建的表单，通过<code>D3</code>和自由文本字段为
浏览 21提问于2020-07-30得票数 0
回答已采纳
我得到了这个简单的v6 redux表单，它有一个输入，它使用react选择器呈现一个自定义组件来填充它的值。我单击该字段，数据报警器就会弹出，但如果我单击任何地方，它会很快消失，因为在输入字段的onBlur被调用之前，它会为数据报警器处理单击事件，以便使用所选的日期填充字段。这在z索引和位置上是可行的:修正了，直到我更改了datepicker的月份，这似乎重新呈现了datepicker，并扰乱了单击的顺序，这再次导致了情况2)。这在理论上是可行的，只是
浏览 3提问于2016-10-15得票数 3
回答已采纳
1回答
我有一个简单的反应式表单，如下所示 constructor(private scheduleService: ScheduleService, fb: FormBuilder) { to: ["", Validators.required],});
} 我想通过单击调用clear函数的按钮来清除表单域。，清除</
浏览 14提问于2019-03-01得票数 1
1回答
我有一个小表单，它在提交表单时保留表单域问题是，当用户单击back按钮时，这些值将被保留。
是否有方法清除post变量，如果没有，清除字段的最佳方法是什么($name == ''，$name =
浏览 2提问于2013-05-20得票数 0
我正在用JavaScript制作一个动态表单，并希望在用户单击时清除每个字段中的提示。以下是我为其中一个表单域提供的部分内容。我搞不懂为什么onlick="this.value=‘'"；不能工作。
浏览 0提问于2012-10-18得票数 0
回答已采纳
我使用的是角度材料日期拾取器，在输入字段中输入单个或多个数字，然后离开焦点或单击外部时出现问题，日期拾取器自动拾取日期。
我不想选那样的。我希望用户输入完整的日期，如果不仅仅是使输入字段为错误状态。
浏览 1提问于2019-09-25得票数 1
2回答
我正在尝试使用redux-form格式的SingleDatePicker。下面是我表单中的render方法 const {fields: {date}, handleSubmit} = this.props;
</form>
浏览 1提问于2016-12-20得票数 1
1回答
我有以下redux-form (v6.5.0)来源：render() {我甚至尝试手动清除错误道具，但我做不到。关于如何让bootstrap3警报使用react/redux表单，还有其他建议吗？谢谢
浏览 1提问于2017-05-04得票数 3
回答已采纳
我有一个提交按钮和一个普通的html按钮的redux表单。我不希望在按下正常按钮时验证表单。但看起来表单总是被验证一次，然后当我再次单击按钮时，按钮上的onclick就会执行。例如，如果转到，请在age字段中输入4，然后单击clear values。第一次验证时触发和停止按钮操作。第二次按钮动作起作用时，表单值将被清除。
浏览 12提问于2017-01-11得票数 5
我正在使用angular6创建一个用户表单，并为道布使用datepicker。“道布”字段是从服务器端填充的，我的问题是，如果我单击“道布”字段，日期将被清除，并且第一次单击时日期选择器不会打开。
浏览 0提问于2018-11-08得票数 1
3回答
验证工作正常，但是一旦单击Clear按钮清除表单上的所有字段，然后再次单击保存按钮，验证就不会触发，表单就会提交。我在单击Clear按钮时调用了以下javascript函数来清除所有表单域： jQuery(':input', '#form1')
浏览 3提问于2011-01-24得票数 0
回答已采纳
该表单有多个部分( div )，但我只希望它清除特定div中的表单域<form ...<button class="btn btn-primary" id="btn_clear" style="margin-left: 142px"
浏览 29提问于2018-09-21得票数 0
回答已采纳
嗨，我试图创建一个按钮来清除所有的表单域和一个Div框内的数组，我有脚本，将只清除数组或脚本，将清除表单域，我似乎找不到任何东西，以帮助我清除所有一个按钮，我将张贴下面的两个脚本 x.innerHTML = "";
x</e
浏览 0提问于2012-10-18得票数 0
回答已采纳
我正在将一个Silverlight应用程序转换成一个标准的网络应用程序(即所有的超文本标记语言，CSS和JavaScript通过jQuery 1.4.4)。当涉及到web开发时，我不是最有经验的，所以我想知道什么是将这个自定义的Silverlight控件转换为web等效控件的最好方法？归根结底，它只是一个花哨的单选按钮组。用户可以点击任意类型，一次只能选择一种类型。对于web等效项，它需要设置一个将POSTed发送到服务器的值。
现在，我只使用一个标准的<select>标记，它当然是有效的，并且不需要JavaScript (这很好)，但最终不会飞起来。我将在<no
浏览 1提问于2011-01-22得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
