原生input实现时间选择器用法

2024.10.08今天我学习了如何用原生的input,实现时间选择器用法,效果如下:

代码如下:

<div><input id="yf_start" type="text">
</div><script>$('#yf_start').datepicker({language: 'zh-CN', //显示中文format: 'yyyy-mm', //显示格式autoclose: true, //加上这个参数startDate: '2019-01',orientation: 'bottom',// endDate: '<?php echo date('Y-m'); ?>'endDate: '<?php echo date('Y-m', strtotime('-1 months')); ?>'});
</script>

我们可以通过修改endDate来限制时间选择的最大值,

如:

1.获取当前月份最后一天:

<?php echo date('Y-m-d', strtotime('last day of this month')); ?>

2.获取下一月的第一天:

<?php echo date('Y-m-01', strtotime('first day of next month')); ?>

3.获取上个月的第一条:

<?php echo date('Y-m-01', strtotime('first day of last month')); ?>

4.获取三个月前的第一天:

<?php echo date('Y-m-01', strtotime('first day of -3 months')); ?>

记得修改对应的类型 日期为'y-m-d' 月份为'y-m' 年份为'y'。

注:原生的没有moment好用,需要可以Moment.js 中文网

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.xdnf.cn/news/1557434.html

如若内容造成侵权/违法违规/事实不符,请联系一条长河网进行投诉反馈,一经查实,立即删除!

相关文章

Qwen变体新成员加一,英伟达训练 NVLM-D-72B 视觉大模型

今天&#xff08;2024 年 9 月 17 日&#xff09;&#xff0c;我们推出了前沿级多模态大语言模型&#xff08;LLM&#xff09;系列 NVLM 1.0&#xff0c;它在视觉语言任务上取得了最先进的结果&#xff0c;可与领先的专有模型&#xff08;如 GPT-4o&#xff09;和开放存取模型&…

低代码赋能汽车制造产业链场景系列

当前汽车行业数字化智能化转型浪潮下&#xff0c;整车及其上下游产业链的协同创新正变得至关重要。头部车企与上下游供应链企业正逐步解决在生产管理、业务互通、系统集成等方面的痛点与挑战。电动化、智能化、网联化作为汽车产业的三大趋势&#xff0c;正共同推动未来汽车产业…

Web自动化Demo-Kotlin+Selenium

1.新建工程 打开Aqua&#xff0c;点击New Project选中Kotlin&#xff0c;配置如下&#xff1a; 然后在build.gradle.kts文件中添加依赖 plugins {kotlin("jvm") version "1.9.23" }group "org.example" version "1.0-SNAPSHOT"rep…

数据分析:宏基因组群落TOPOSCORE拓扑结构打分

文章目录 介绍数据TOPOSCORE算法SCORE计算TOPOSCORE实操tp_helper.R导入数据生存分析Fisher精确检验聚类分析SIG定义Toposcoring 分数计算Akkermansia muciniphila的考虑TOPOSCORE的验证总结系统信息介绍 研究背景:肠道微生物群对癌症患者对免疫检查点抑制剂(ICIs)的临床反…

<Rust>iced库(0.13.1)学习之部件(三十一):picklist部件的使用及可变style设置

前言 本专栏是学习Rust的GUI库iced的合集,将介绍iced涉及的各个小部件分别介绍,最后会汇总为一个总的程序。 iced是RustGUI中比较强大的一个,目前处于发展中(即版本可能会改变),本专栏基于版本0.12.1. 注:新版本已更新为0.13 概述 这是本专栏的第三十一篇,主要说明下…

基于springboot vue地方废物回收机构管理系统设计与实现

博主介绍&#xff1a;专注于Java&#xff08;springboot ssm 等开发框架&#xff09; vue .net php phython node.js uniapp 微信小程序 等诸多技术领域和毕业项目实战、企业信息化系统建设&#xff0c;从业十五余年开发设计教学工作 ☆☆☆ 精彩专栏推荐订阅☆☆☆☆☆不…

新生培训 day1 C语言基础 顺序 分支 循环 数组 字符串 函数

比赛地址 b牛客竞赛_ACM/NOI/CSP/CCPC/ICPC算法编程高难度练习赛_牛客竞赛OJ C语言数据类型 字符 整型数 int 2e9 long long 9e18 浮点数 代码示例 /** Author: Dduo * Date: 2024-10-8* Description: 新生培训day1 */ #include <stdio.h>int main() {// 定义变量in…

论文速读:基于渐进式转移的无监督域自适应舰船检测

这篇文章的标题是《Unsupervised Domain Adaptation Based on Progressive Transfer for Ship Detection: From Optical to SAR Images》基于渐进式转移的无监督域自适应舰船检测:从光学图像到SAR图像&#xff0c;作者是Yu Shi等人。文章发表在IEEE Transactions on Geoscience…

TDesign - 腾讯出品的企业级开源设计系统越发成熟稳定,支持 Vue3 / 小程序,适合开发企业中后台和移动应用

TDesing 发展越来越好了&#xff0c;出了好几套组件库&#xff0c;很成熟稳定了&#xff0c;新项目完全可以考虑使用。 早在2021年&#xff0c;腾讯的 TDesing 刚发布不久&#xff0c;我就写了一篇简短的文章来介绍&#xff0c;当时主要关注的是 TDesign 的 Vue 组件库和用来搭…

计算机基础知识:计算机中丢失 msvcr110.dll怎么修复?

1. msvcp110.dll 介绍 1.1 定义&#xff1a;Microsoft Visual C 2012的一部分 msvcp110.dll是Microsoft Visual C 2012 Redistributable Package的一部分&#xff0c;这是一个运行时库文件&#xff0c;包含了Microsoft Visual C 2012编译器所构建程序所需的函数和资源。 1.2…

大数据ETL数据提取转换和加载处理

什么是 ETL&#xff1f; 提取转换加载&#xff08;英语&#xff1a;Extract, transform, load&#xff0c;简称ETL&#xff09;&#xff0c;用来描述将资料从来源端经过抽取、转置、加载至目的端的过程。ETL一词较常用在数据仓库&#xff0c;但其对象并不限于数据仓库。 ETL&…

Ansys Speos | 智能手环心率传感器仿真

在本例中&#xff0c;我们将使用Ansys Speos和Ansys Motion模拟具有动态运动的智能带光学心率传感器。通过Ansys Motion模拟智能手环的位移和人体手腕组织的变形&#xff0c;然后将位移和变形数据导入Speos&#xff0c;最后在Ansys Speos中&#xff0c;用模拟智能手环位移和人体…

视频合并与封面添加:打造独特视频作品的指南

在视频创作领域&#xff0c;将多个视频片段合并成多个完整的作品&#xff0c;并为其添加统一的封面图片&#xff0c;是提升视频专业度和吸引力的有效方法。 1打开软件&#xff0c;在界面功能栏里切换到“嵌套合并”版块上 2在设置视频封面中选择“使用随机封面”&#xff0c;并…

二叉树——左叶子节点之和

以目前所学的知识而言&#xff0c;对于二叉树涉及递归相关的问题&#xff0c;一般需要设定两个返回条件&#xff1a; 1、二叉树左子树或右子树遍历完后&#xff0c;即节点为NULL时需要返回。 2、当前节点满足题目要求时&#xff0c;需要对相应参数做出改变&#xff0c;或是直…

同城美容美发一站式到店上门服务系统小程序源码

&#x1f486;‍♀️同城美容美发一站式到店上门服务&#xff1a;美丽&#xff0c;就该如此便捷&#x1f487;‍♂️ &#x1f3e0;一、同城服务&#xff0c;触手可及的美丽 在繁忙的都市生活中&#xff0c;我们总是在寻找那份触手可及的美丽。而“同城美容美发一站式到店上门…

OpenCV高级图形用户界面(1)创建滑动条函数createTrackbar()的使用

操作系统&#xff1a;ubuntu22.04 OpenCV版本&#xff1a;OpenCV4.9 IDE:Visual Studio Code 编程语言&#xff1a;C11 算法描述 创建一个滑动条并将其附加到指定的窗口。 该函数 createTrackbar 创建一个具有指定名称和范围的滑动条&#xff08;滑块或范围控制&#xff09;…

0基础做微信扫码点餐小程序,开发一款餐饮点餐软件收银系统

扫码点餐小程序收银系统是一种现代化的餐饮管理工具&#xff0c;它结合了移动互联网技术和餐饮业务需求&#xff0c;为餐厅提供了高效、便捷的点餐、收银和管理服务。以下是对该系统的详细介绍和功能解析&#xff1a; 一、系统介绍 扫码点餐小程序收银系统通常由系统后台、手…

JS设计模式之职责链模式:优雅地处理请求流程

一. 前言 在前端开发中&#xff0c;我们经常会遇到需要按照一定的顺序处理一系列请求或操作的情况&#xff0c;如果将每一步处理都硬编码在一起&#xff0c;会导致代码臃肿&#xff0c;可维护性和可扩展性都会大大降低。而职责链模式恰好提供了一种优雅的解决方案。 无论你是…

大模型面试八股+答案,LLM-offer手到擒来!

你是否也曾为面试大模型八股文而苦恼&#xff1f;别担心&#xff01;今天我就来给你分享一些绝妙的面试技巧&#xff0c;让你轻松应对&#xff01; &#x1f50d; 第一关&#xff1a;了解题目 首先&#xff0c;一定要仔细阅读题目&#xff0c;理解清楚每个要求。明确问题的关键…

字母数字图像分割系统源码&数据集分享

字母数字图像分割系统源码&#xff06;数据集分享 [yolov8-seg-C2f-Faster-EMA&#xff06;yolov8-seg-C2f-DiverseBranchBlock等50全套改进创新点发刊_一键训练教程_Web前端展示] 1.研究背景与意义 项目参考ILSVRC ImageNet Large Scale Visual Recognition Challenge 项目…