1. 程式人生 > >easyUI 設定日期控制元件當前日期前一天 當前日期前一個月(只顯示年月)

easyUI 設定日期控制元件當前日期前一天 當前日期前一個月(只顯示年月)

<span style="padding-left:5px;">時間 :&nbsp </span>

<input type="text" name="time" id="time" class="easyui-datebox" style="width:150px;height:26px;" />

//獲取當前日期前一天
function getCurrentMonthFirst(){
var date=new Date();
date.setDate(date.getDate()-1);
return date;
}

//獲取當月第一天
function getCurrent(){
var date=new Date();
date.setDate(1);
return date;
}

//以下程式碼初始化執行
$(document).ready(function(){

//設定初始時間
$("#time").datebox('setValue', formatDate(getCurrentMonthFirst()));

var startTime=formatDate(getCurrentMonthFirst());

}

//當前日期前一個月(只顯示年月)

$(function(){
    var currTime=new Date();
    var strDate;
    if((currTime.getMonth()+1)=="1"){
    strDate=(currTime.getFullYear()-1)+"-"+(currTime.getMonth());
    }else{
    strDate=currTime.getFullYear()+"-"+(currTime.getMonth());
    }
    //var strDate=currTime.getFullYear()+"-"+(currTime.getMonth());
    $('#time').datebox({formatter:function(date){
        var y = date.getFullYear();
        var m = date.getMonth() + 1;
        m = m < 10 ? '0' + m : m;
        return y.toString() + '-' + m.toString();
    },parser:function(date){
        console.log(date);
        if (date) {
            return new Date(String(date).substring(0, 4) + '-'
                    + String(date).substring(5,7));
        } else {
            return new Date();
        }
    }});
    $('#time').datebox('setValue',strDate);//預設載入當前月份
    
});

相關推薦

easyUI 設定日期控制元件當前日期前一天 當前日期一個顯示年月

<span style="padding-left:5px;">時間 :&nbsp </span><input type="text" name="time" id="time"

JS選擇日期控制元件。需要使當前日期以後的日期不能選擇

$.extend($.fn.datebox.defaults.rules,{ gtStartDate: { validator: function(value,param){// if(param[0] && value)

android 控制元件的滑動事件與點選事件衝突GestureDetector,SimpleOnGestureListener

首先拿我的一個需求來舉例子:我有一個寫了一個小說閱讀器,在小說閱讀介面我想實現 可以點選翻頁,也可滑動翻頁這個就需要我們來處理點選與滑動的衝突了。 我們使用GestureDetector這個類來解決 首先建立一個GestureDetector物件,他

easyui datebox 時間控制元件預設顯示當前日期

<script> //得到當前日期 formatterDate = function(date) { var day = date.getDate() > 9 ? date.getDate() : "0" + date.getDate(); var mon

Easyui easyui-datebox日期控制元件格式設定

easyui-datebox預設格式為 10/12/2018  1、設定格式化月份, 將easyui-datebox日期控制元件格式設定為自定義形式,如:2018-09,只顯示年月,如下: html如下: <input id="st_mouth" edita

easyUI日期控制元件增加清空按鈕

var buttons = $.extend([], $.fn.datebox.defaults.buttons);     buttons.splice(1, 0, {         text: '清空',    

easyui日期控制元件重寫,返回年月

僅適用於easyui,如果是其他日期控制元件,需要使用瀏覽器的開發者工具檢視封裝的dom元素結構,然後進行相應的修改。 $('#cblist_bxny').datebox({ //顯示日趨選擇物件後再觸發彈出月份層的事件,初始化時沒有生成月份層 onSho

android開發時為日期控制元件設定選擇範圍,再次點選時顯示上次選擇日期

下面做的是:28天<= 日期 <=65週歲 //計算28天前的日期 public static final long _MAX_TIME = 28 * 24 * 60 * 60 * 1000L;int inComingYear;int inComingMonth;int

日期控制元件設定預設值

// 初始化日期 function getInitMonth(flag){ var date = new Date(); var nowYear = date.getFullYear(); var month = ("0" + (date.getMonth() + 1)).sl

MFC中使用日期控制元件設定,獲取日期時間

   日期時間控制元件為使用者輸入或選擇特定日期提供了直觀簡潔的方法,MFC中的Date Time Picker提供了日期時間控制元件。   下面給出本次程式的Demo 首先,我們需要在OninitDialog中初始化時間日期控制元件,併為他設定範圍 m_ctldat

自定義EasyUI的datetimebox控制元件日期時間的顯示格式

工作中遇到的問題,在此記錄一下。 需求:前臺頁面使用了EasyUI框架,在某一個html頁面中要求datetimebox顯示格式為年月日和小時,如圖所示: 嘗試過兩種方法,分別如下: 第一種方法: datetimebox 依賴 datebox和t

easyui-datebox 日期控制元件 顯示年月顯示

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>更改easyui日期控制元件,使其只顯示到年月</title> <!-- 引入jquery指令碼檔案,jquer

easyUI的datagrid控制元件日期列格式化

轉自:https://blog.csdn.net/idoiknow/article/details/8136093EasyUI是一套比較輕巧易用的Jquery控制元件,在使用過程中遇到一個問題,它的列表控制元件——datagrid, 在顯示日期列的時候,由於後臺返回給頁面的資

jquery easyUi日期控制元件裡面獲取值和賦值的方法

前提是該匯入到js包肯定匯入進來了 $("#txtstart").datetimebox('getValue');//取值 $("#txtstart").datetimebox('setValue', calEvent.start+""); //賦值

easyui日期控制元件開始日期小於結束日期

頁面: 開始日期:<input class="easyui-datebox" id="bookBorrowStart" data-options="onSelect:onSelect" />

easyUI日期控制元件驗證開始時間

點選結束時間時,驗證是否小於開始時間 <label>開始時間:</label><input class="easyui-datebox" style="width: 100px;" required="true" name="Begin

html日期控制元件預設設定為當天日期

最近在製作html+css+js的網站時,需要製作一個留言模組,在製作功能時有一個日期控制元件,需要實現對input裡的value賦值當天日期。先前在各個網站找了許多相關說明。最初採用的方式是 html程式碼內 css樣式裡寫: input[type=

jQuery EasyUI 1.3.2 日期控制元件 加入清空按鈕

在使用easyui日期外掛時,為了規範輸入一般需要對輸入框新增只讀屬性禁止輸入。但如果日期值是可選時就會出現問題:無法清空值。旁邊再製作專門清空按鈕未免太費事,所以可以對原始碼改造一下。以下以jQuery EasyUI 1.3.2為例。 開啟jquery.easyui.mi

My97DatePickerWdatePicker日期控制元件用法

WdatePicker[html] view plain copy print? <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!-- 它的官網是http://www.my97.n

電腦端 日期控制元件JS+html

<!-- 日期 --> <input type="text" class="form-control" name="keyword" onClick="WdatePicker()" placeholder="開始日期" /> <input type="text"