JSP 日期选取器日期时间-本地输入类型

lyr7nygr  于 2023-03-06  发布在  其他
关注(0)|答案(1)|浏览(129)

我有一个jsp页面我使用一个html控件的日期使用输入类型=“datetime-local”。现在我必须设置一个值从数据库中为这个当这个页面显示后保存操作。其他几列得到预先填充的值。但日期列不工作的需要。
通过将控件更改为文本类型进行检查,并显示值。
进入变量的值如Eg:20-12-2022 17:23:01尝试替换空格并转换为该格式,也显示,但不工作

2022年12月20日上午17时23分01秒

<input 
type="datetime-local" 
id="dtid" 
name="frmDt" 
value="<%=myDataList.get(3).toString()%>"   />
iugsix8n

iugsix8n1#

我在ReactJS应用程序中使用datetime-local输入类型,但是我在获取所需格式的日期时遇到了问题。输入类型返回的默认格式2023-02-26T11:46不适合我的需要,我需要09/19/18 13:55:26这种格式。
经过一些研究和实验,我能够修改代码以获得所需的日期格式。

<input
    type='datetime-local'
    name='stating-time'
    value={endDT}
    onChange={e => {
        const date = new Date(e.target.value);
        const formattedDate = date.toLocaleString('en-US', {year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit', second: '2-digit'});
        setEndDT(formattedDate);
    }}
/>

在上面的代码中,我首先根据输入值创建一个新的Date对象,然后使用toLocaleString()方法和所需的选项来格式化日期,以生成所需的日期格式。然后,我用“T”字符替换空格字符,以将日期字符串转换为所需的格式。

相关问题