精华内容
下载资源
问答
  • 一个分段选择开始时间和结束时间的demo,会现在结束时间的选择在开始时间之后。
  • 此DEMO为android studio项目,带有开始时间和结束时间的日期选择器,由于屏幕宽度有限,两个时间选择器为竖向串联模式。
  • datetimepicker相关的属性、方法实例以及开始时间和结束时间相互约束
  • 仿iphone日期选择器,项目需要一个能选择开始时间和结束时间,用别人demo多封装了一次。
  • mysql获取某天的开始时间和结束时间

    千次阅读 2019-06-05 20:07:12
    mysql 根据date获取当天开始时间和结束时间 SELECT str_to_date(DATE_FORMAT(NOW(),'%Y-%m-%d'),'%Y-%m-%d %H:%i:%s'); SELECT DATE_ADD(DATE_ADD(str_to_date(DATE_FORMAT(NOW(),'%Y-%m-%d'),'%Y-%m-%d %H:%i:%s'...

    mysql 根据date获取当天开始时间和结束时间

    
    SELECT str_to_date(DATE_FORMAT(NOW(),'%Y-%m-%d'),'%Y-%m-%d %H:%i:%s');
    
    SELECT DATE_ADD(DATE_ADD(str_to_date(DATE_FORMAT(NOW(),'%Y-%m-%d'),'%Y-%m-%d %H:%i:%s'),INTERVAL 1 DAY),INTERVAL -1 SECOND)
    
    展开全文
  • js通过开始时间和结束时间计算出中间的所有日期写在前面一 已知开始时间和结束时间 计算出中间的所有日期二 最近七天 一个月 三个月 一年 写在前面 实际开发过程中,我们有许许多多的产品都设计到了时间,也有时候...

    写在前面

    实际开发过程中,我们有许许多多的产品都设计到了时间,也有时候需要自己转化时间格式,这里推荐一个日期时间处理类库momentjs,但很多时候,我们仅仅是转化个别时间,还没必要安装这么一个依赖;这篇文章将在未来持续更新,搜罗各种关于时间转化的方法

    一 已知开始时间和结束时间 计算出中间的所有日期

    // 中国标准时间format yyyy-mm-dd
    const format = (time) => {
     let ymd = ''
     let mouth = (time.getMonth() + 1) >= 10 ? (time.getMonth() + 1) : ('0' + (time.getMonth() + 1))
     let day = time.getDate() >= 10 ? time.getDate() : ('0' + time.getDate())
     ymd += time.getFullYear() + '-' // 获取年份。
     ymd += mouth + '-' // 获取月份。
     ymd += day // 获取日。
     return ymd // 返回日期。
    }
    
    export const getAllDate = (start, end) => {
     let dateArr = []
     let startArr = start.split('-')
     let endArr = end.split('-')
     let db = new Date()
     db.setUTCFullYear(startArr[0], startArr[1] - 1, startArr[2])
     let de = new Date()
     de.setUTCFullYear(endArr[0], endArr[1] - 1, endArr[2])
     let unixDb = db.getTime()
     let unixDe = de.getTime()
     let stamp
     const oneDay = 24 * 60 * 60 * 1000;
     for (stamp = unixDb; stamp <= unixDe;) {
       dateArr.push(format(new Date(parseInt(stamp))))
       stamp = stamp + oneDay
     }
     return dateArr
    }
    
    ...
    // 使用
    console.log(getAllDate('2018-12-12', '2019-3-3'))
    
    

    结果如下:
    console.log(getAllDate('2018-12-12', '2019-3-3'))

    二 最近七天 一个月 三个月 一年

    最近七天:

    // 中国标准时间format yyyy-mm-dd
    const format = (time) => {
      let ymd = ''
      let mouth = (time.getMonth() + 1) >= 10 ? (time.getMonth() + 1) : ('0' + (time.getMonth() + 1))
      let day = time.getDate() >= 10 ? time.getDate() : ('0' + time.getDate())
      ymd += time.getFullYear() + '-' // 获取年份。
      ymd += mouth + '-' // 获取月份。
      ymd += day // 获取日。
      return ymd // 返回日期。
    }
    
    
    export const getWeekDate = () => {
      let myDate = new Date()
      // 获取前一周时间
      const oneDay = 24 * 60 * 60 * 1000;
      let oneweekdate = new Date(myDate - 7 * oneDay)
      let lastWeek = []
      lastWeek.push(format(oneweekdate))
      lastWeek.push(format(myDate))
      return lastWeek
    }
    
        ...
     // 使用
    console.log(getWeekDate())
    

    控制台输出结果:
    console.log(getWeekDate())

    最近一个月:

    // 中国标准时间format yyyy-mm-dd
    const format = (time) => {
      let ymd = ''
      let mouth = (time.getMonth() + 1) >= 10 ? (time.getMonth() + 1) : ('0' + (time.getMonth() + 1))
      let day = time.getDate() >= 10 ? time.getDate() : ('0' + time.getDate())
      ymd += time.getFullYear() + '-' // 获取年份。
      ymd += mouth + '-' // 获取月份。
      ymd += day // 获取日。
      return ymd // 返回日期。
    }
    
    export const getMonthDate = () => {
      let nowDate = new Date()
      let nowDateChange = new Date()
      let lastMonth = []
      // 获取前一月时间
      nowDateChange.setMonth(nowDateChange.getMonth() - 1)
      lastMonth.push(format(nowDateChange))
      lastMonth.push(format(nowDate))
      return lastMonth
    }
        ...
    // 使用
     console.log(getMonthDate())
    

    输出如下:
    console.log(getMonthDate())
    最近三个月

    // 中国标准时间format yyyy-mm-dd
    const format = (time) => {
      let ymd = ''
      let mouth = (time.getMonth() + 1) >= 10 ? (time.getMonth() + 1) : ('0' + (time.getMonth() + 1))
      let day = time.getDate() >= 10 ? time.getDate() : ('0' + time.getDate())
      ymd += time.getFullYear() + '-' // 获取年份。
      ymd += mouth + '-' // 获取月份。
      ymd += day // 获取日。
      return ymd // 返回日期。
    }
    
    export const getThreeMonthDate = () => {
      let nowDate = new Date()
      let nowDateChange = new Date()
      let threeMonth = []
      // 获取前三月时间
      nowDateChange.setMonth(nowDateChange.getMonth() - 3)
      threeMonth.push(format(nowDateChange))
      threeMonth.push(format(nowDate))
      return threeMonth
    }
        ...
    // 使用
    console.log(getThreeMonthDate())
    

    输出如下:
    console.log(getThreeMonthDate())

    一年

    const format = (time) => {
      let ymd = ''
      let mouth = (time.getMonth() + 1) >= 10 ? (time.getMonth() + 1) : ('0' + (time.getMonth() + 1))
      let day = time.getDate() >= 10 ? time.getDate() : ('0' + time.getDate())
      ymd += time.getFullYear() + '-' // 获取年份。
      ymd += mouth + '-' // 获取月份。
      ymd += day // 获取日。
      return ymd // 返回日期。
    }
    
    export const getYearDate = () => {
      let nowDate = new Date()
      let nowDateChange = new Date()
      let lastYear = []
      // 获取前一年时间
      nowDateChange.setFullYear(nowDateChange.getFullYear()- 1)
      lastYear.push(format(nowDateChange))
      lastYear.push(format(nowDate))
      return lastYear
    }
        
        ...
     // 使用
    console.log(getYearDate())
    

    输出如下:
    console.log(getYearDate())

    三 中国标准时间/ yyyy-MM-dd/ yyyy-MM-dd HH:mm:ss转时间戳

    • 转时间戳的方法
    function dateFormatStamp (date) {
        let stamp = new Date(date).getTime();
        return stamp;
    }
    
    • 下面测试一下中国标准时间/ yyyy-MM-dd/ yyyy-MM-dd HH:mm:ss是否可行
    function dateFormatStamp (date) {
        let stamp = new Date(date).getTime();
        return stamp;
    }
    dateFormatStamp('Mon Jun 24 2019 16:02:39 GMT+0800') //1561363359000
    dateFormatStamp('2019-06-24') //1561334400000
    dateFormatStamp('2019-06-24 16:02:39') //1561363359000
    

    四 yyyy-MM-dd/yyyy-MM-dd HH:mm:ss转中国标准时间

    function timeFormatDate (time) {
      return new Date(time)
     }
    

    测试如下

    function timeFormatDate (time) {
      return new Date(time)
     }
    timeFormatDate('2019-06-24') //Mon Jun 24 2019 08:00:00 GMT+0800 (中国标准时间)
    timeFormatDate('2019-06-24 16:00:00') //Mon Jun 24 2019 16:00:00 GMT+0800 (中国标准时间)
    
    // 其实这样也是可行的
    timeFormatDate('2019/06/24') //Mon Jun 24 2019 08:00:00 GMT+0800 (中国标准时间)
    timeFormatDate('2019/06/24 16:00:00') //Mon Jun 24 2019 16:00:00 GMT+0800 (中国标准时间)
    
    
    

    目前看来,好像没问题

    关于JavaScript Date 对象的方法详情请转@W3 school

    更多文章请看我的博客@王一诺 感谢阅读!

    展开全文
  • elementUI开始时间和结束时间验证

    千次阅读 2020-12-25 15:54:49
    前端开发过程中经常用到DatePicker日期选择器设置开始日期结束日期,一般情况下开始时间不能大于结束时间。 form表单中的开始日期结束日期渲染如下代码所示: <el-form-item label="开始日期" prop=...

    前端开发过程中经常用到DatePicker日期选择器设置开始日期和结束日期,一般情况下开始时间不能大于结束时间。

    form表单中的开始日期和结束日期渲染如下代码所示:

     <el-form-item label="开始日期" prop="startTime">
                    <el-date-picker
                      v-model="insertForm.startTime"
                      type="date"
                      placeholder="选择开始日期"
                      :picker-options="editStartOptions"
                    ></el-date-picker>
     </el-form-item>
     <el-form-item label="结束日期" prop="endTime">
                    <el-date-picker
                      v-model="insertForm.endTime"
                      type="date"
                      placeholder="选择结束日期"
                      :picker-options="editStopOptions"
                    ></el-date-picker>
     </el-form-item>
    

    使用picker--options属性设置如果选择了开始日期,再选择结束日期时,则结束日期下拉框中比开始日期小的日期禁止选择;如果先选择结束日期,再选择开始日期时,则开始日期下拉框中比结束日期大的日期禁止选择。

    实现效果如下所示:

       

    日期的校验代码如下:

    data(){
    
     return{
    
       rules:{
                startTime: [
              {
                required: true,
                message: "请选择开始时间",
                trigger: ["blur", "change"]
              }
            ],
            endTime: [
              {
                required: true,
                message: "请选择结束时间",
                trigger: ["blur", "change"]
              }
            ]
        }
       
        editStartOptions: {
            disabledDate: time => {
              if (!this.insertForm.endTime) {
                return time.getTime() < new Date(1970 - 1 - 1).getTime();   //禁止选择1970年以前的日期
              } else {
                return time.getTime() > new Date(this.insertForm.endTime);
              }
            }
          },
          editStopOptions: {
            disabledDate: time => {
              return (
                time.getTime() < new Date(this.insertForm.startTime) ||
                time.getTime() < new Date(1970 - 1 - 1).getTime()    //禁止选择1970年以前的日期
              );
            }
          },
     }
    }

     

    展开全文
  • 开始时间和结束时间的最大范围不能超过10天,开始时间不能大于结束时间并且两者都不能大于当前服务器的时间
  • 最近项目中遇到了要在小程序中选择一段时间的功能 由于小程序自带的picker-view 功能不完善 无法自动显示每个月的天数 ...开始时间:{{startyear}}年{{startmonth}}月{{startday}}日</view> </view

    最近项目中遇到了要在小程序中选择一段时间的功能 由于小程序自带的picker-view 功能不完善 无法自动显示每个月的天数

    所在在原来的基础上进行了改进

    wxml代码

      <view class="time">
            <view class="time_text">
              <view>开始时间:{{startyear}}年{{startmonth}}月{{startday}}日</view>
            </view>
            <view class="item_time">
              <picker-view indicator-class="picker_active" mask-class="mask" value="{{startvalue}}" data-type="start" bindchange="bindChange">
                <picker-view-column>
                  <view wx:for="{{years}}" wx:key="{{index}}">{{item}}年</view>
                </picker-view-column>
                <picker-view-column>
                  <view wx:for="{{months}}" wx:key="{{index}}" bindchange="monthChange">{{item}}月</view>
                </picker-view-column>
                <picker-view-column>
                  <view wx:for="{{days}}" wx:key="{{index}}">{{item}}日</view>
                </picker-view-column>
              </picker-view>
            </view>
            <view class="time_text">
              <view>结束时间:{{endyear}}年{{endmonth}}月{{endday}}日</view>
            </view>
    
            <view class="item_time">
              <picker-view indicator-class="picker_active" mask-class="mask" value="{{endvalue}}" data-type="end" bindchange="bindChange">
                <picker-view-column>
                  <view wx:for="{{years}}" wx:key="{{index}}">{{item}}年</view>
                </picker-view-column>
                <picker-view-column>
                  <view wx:for="{{months}}" wx:key="{{index}}">{{item}}月</view>
                </picker-view-column>
                <picker-view-column>
                  <view wx:for="{{days}}" wx:key="{{index}}">{{item}}日</view>
                </picker-view-column>
              </picker-view>
            </view>
          </view>

    js代码:

    // pages/trajectory/trajectory.js
    const date = new Date()
    const years = []
    const months = []
    const days = []
    // 获取当前日期的年月日
    var currentYear = new Date().getFullYear();
    var currentMonth = new Date().getMonth() + 1;
    var currentDate = new Date().getDate();
    // 当前月份包含的天数
    var maxDate = new Date(currentYear, currentMonth, 0).getDate();
    // 所有的年份
    for (let i = 1990; i <= date.getFullYear(); i++) {
      years.push(i)
    }
    // 所有的月份
    for (let i = 1; i <= 12; i++) {
      months.push((i + "").padStart(2, '0'))
    }
    // 当前月份包含的所有天数
    for (let i = 1; i <= maxDate; i++) {
      days.push((i + "").padStart(2, '0'))
    }
    
    Page({
    
      /**
       * 页面的初始数据
       */
      data: {
        
        // 列表与时间控件的显示与隐藏
        listShow: true,
        // 时间控件
        years: years,
        months: months,
        days: days,
        // 开始日期文字
        startyear: '',
        startmonth: '',
        startday: '',
        // 时间控件开始时间
        startvalue: [],
        // 结束日期文字
        endyear: '',
        endmonth: '',
        endday: '',
        // 时间控件结束时间
        endvalue: [],
      },
      // 时间更改
      bindChange: function(e) {
        const val = e.detail.value;
        var newDays = [];
        var maxDate = new Date(this.data.years[val[0]], this.data.months[val[1]], 0).getDate();
        // 选择月份包含的所有天数
        for (let i = 1; i <= maxDate; i++) {
          newDays.push((i + "").padStart(2, '0'))
        }
    
        // 时间文字内容更改
        if (e.target.dataset.type == 'start') { //开始时间
          //判断月份是否发生改变---月份改变 对应的当月包含天数改变并且定位到1号
          if (this.data.startmonth != this.data.months[val[1]]) {
            this.setData({
              days: newDays,
              startvalue: [val[0], val[1], 0],
              startyear: this.data.years[val[0]],
              startmonth: this.data.months[val[1]],
              startday: days[0]
            })
          } else {
            this.setData({
              startyear: this.data.years[val[0]],
              startmonth: this.data.months[val[1]],
              startday: this.data.days[val[2]]
            })
          }
        } else { //结束时间
          //判断月份是否发生改变---月份改变 对应的当月包含天数改变并且定位到1号
          console.log(days[0])
          if (this.data.endmonth != this.data.months[val[1]]) {
            this.setData({
              days: newDays,
              endvalue: [val[0], val[1], 0],
              endyear: this.data.years[val[0]],
              endmonth: this.data.months[val[1]],
              endday: days[0]
            })
          } else {
            this.setData({
              days: newDays,
              endyear: this.data.years[val[0]],
              endmonth: this.data.months[val[1]],
              endday: this.data.days[val[2]]
            })
          }
        }
      },
      // 提交选择的时间
      submitTime: function() {
        this.setData({
          listShow: true
        })
      },
      /**
       * 生命周期函数--监听页面加载
       */
      onLoad: function(options) {
    
      },
    
      /**
       * 生命周期函数--监听页面初次渲染完成
       */
      onReady: function() {
    
      },
    
      /**
       * 生命周期函数--监听页面显示
       */
      onShow: function() {
        // 获取时间控件---默认的开始时间和结束时间
        var defaultYear = years.length - 1;
        var defaultMonth = currentMonth;
        var defaultDate = currentDate - 1;
        this.setData({
          // 开始日期文字
          startyear: currentYear,
          startmonth: currentMonth,
          startday: currentDate,
          // 时间控件开始时间
          startvalue: [defaultYear, defaultMonth, defaultDate],
          // 结束日期文字
          endyear: currentYear,
          endmonth: currentMonth,
          endday: currentDate,
          // 时间控件结束时间
          endvalue: [defaultYear, defaultMonth, defaultDate],
        })
      },
    
      /**
       * 生命周期函数--监听页面隐藏
       */
      onHide: function() {
    
      },
    
      /**
       * 生命周期函数--监听页面卸载
       */
      onUnload: function() {
    
      },
    
      /**
       * 页面相关事件处理函数--监听用户下拉动作
       */
      onPullDownRefresh: function() {
    
      },
    
      /**
       * 页面上拉触底事件的处理函数
       */
      onReachBottom: function() {
    
      },
    
      /**
       * 用户点击右上角分享
       */
      onShareAppMessage: function() {
    
      }
    })

    实现的效果图

    按照用户选择的月份可以用 var maxDate = new Date('年份','月份’, 0).getDate(); 获取该月份包含的天数  当用户更改月份 日期显示当月包含的天数并且定位到1号

    展开全文
  • //开始时间和结束时间 写了一半 chrome竟然自动关闭了.......太阳. 给定的日期格式是yyyy-MM-dd HH:mm:dd,开始时间和结束时间都是一样的....此时计算开始时间和结束时间之间出现的天数,此时需要进行换算成毫秒数...
  • 此处的开始时间和结束时间,选了字符串形式,关于各种格式时间之间的转换,请继续浏览。 String timestamp = "Jan 8, 2020 3:02:38 PM"; SimpleDateFormat sdf1 = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss...
  • mysql实现开始时间和结束时间的查询

    万次阅读 2018-09-23 00:41:36
    1.获取当前时间 SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); System.out.println(df.format(day)); 通过Date类来获取当前时间 2.SimpleDateFormat df= new SimpleDateFormat("yyyy-...
  • //先安装moment //npm i moment //再安装Lodash,可以用它内部封装好的方法,简单实用 //npm i lodash const moment = require("moment"); const _ = require("lodash"); //假设需要查询2019-06-...//将时间转换为m...
  • 在项目的开发中 可能会遇到 这样的需求 ...结束时间 是 20180913 那么对应的 天数是4天的 那么就要将该数据 循环4次 如下是select 查询出来的 数据 public function test1() { header("Access-Con...
  • 获取一天的开始时间和结束时间

    千次阅读 2020-04-27 21:21:50
    获取一天的开始时间和结束时间 package com.bos.test; import com.bos.common.file.FileThreadResource; import org.junit.Test; import java.io.*; import java.text.DateFormat; import java.text.Parse...
  • MySql 取一天的开始时间和结束时间

    千次阅读 2020-08-05 18:09:30
    网友的写法 -- 取一天的开始时间 SELECT str_to_date(DATE_FORMAT(NOW(),'%Y-%m-%d'),'%Y-%m-%d %H:%i:%s'); -- 取第二天的开始时间 ...-- 取一天的结束时间 select DATE_ADD(DATE_ADD(str_to_date(DATE_F
  • $y = date("Y", time()); //年 $m = date("m", time()); //月 $d = date("d", time());...$start_month = mktime(0, 0, 0, $m, ... // 创建本月开始时间 $end_month = mktime(23, 59,...
  • 一天的开始时间 function startTime(time) { const nowTimeDate = new Date(time); return nowTimeDate.setHours(0, 0, 0, 0); } 一天的结束时间 function endTime(time) { ...获取当天开始时间和结束时间 f
  • javascript获取今天开始结束时间,昨天开始结束时间,本周开始结束时间,上周开始结束时间,本月开始结束时间,上月开始结束时间
  •  * 获取当前月份的结束时间  * @param localDateTime  */  private static void maxDayOfMonth(LocalDateTime localDateTime){  int monthLength = 0;  LocalDate localDate = localDateTime.toLocalDate(); ...
  • [iOS]选择开始时间和结束时间

    千次阅读 2019-01-21 15:38:05
    使用了PGDatePicker进行时间选择 ...这里的情况是分段选择时间,若单次选择开始和结束时间也可以用类似方式限制结束时间的选择。 原型设计了这种: 实现比较简单,放上code就好了。 #import "GASelectTimeV...
  • 效果图: 代码实现: OrderList.Vue <a-col :xl="6" :lg="7" :md="8" :sm="24"> <a-form-item label="下单日期"> <a-range-picker size="large" format="YYYY-MM-DD" @change="onDateChange" />...
  • 做开发时,以为项目的需求的,需要做到时间的开始时间和结束时间的级联,就用了layDate.js这个日历插件,失效的效果,就是开始时间必须小于结束时间,结束时间必须大于开始时间,效果请看下图layDate.js请到...
  • * Java根据指定日期的到当天的开始时间和结束时间, * Java得到当前日期的开始时间和结束时间 */ public class test { public static void main(String[] args) { try { //得到当前日期的开始时间和结束时间 ...
  • 选择请假的开始时间和结束时间,自动计算出请假的时长 组件 <el-form-item label="请假时间"> <el-date-picker class="box" format="yyyy-MM-dd HH:mm" v-model="twoTime" type="datetimerange" range...
  • 需求描述:开始时间要大于当前时间,结束时间要大于开始时间。 网上相关插件有很多。在此我选用了laydate,官网:https://www.layui.com/laydate/ 官网的文档,并不能完全满足需求; 通过google查资料自己的...
  • 开始时间和结束时间是时间戳格式: 语句: SELECT FROM_UNIXTIME( cm_usetime ) as '开始时间', FROM_UNIXTIME( cm_starttime ) as '结束时间' FROM xb_coupon_member AS c WHERE cm_starttime &gt;= ...
  • 本日历可以选择开始时间和结束时间
  • placeholder="请选择结束时间" v-model="searchForm.endTime" @on-change="endTimeChange" > DatePicker > FormItem > < FormItem > < Button type = " primary " @click = " mySearch() " > ...
  • 这篇文章,俺发布的很惭愧,因为我即将贴上的代码...最近接了个项目,有个停车场的项目,停车场肯定有个计费的功能,竟然有计费功能,那么就有时间计时器,已知车辆进场后开始计时,到离场这段时间来进行计时输出到...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,895,201
精华内容 758,080
关键字:

开始时间和结束时间