`
weihong01267
  • 浏览: 52571 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

点击text跳出日历控件

阅读更多
/*
 * invoiceFrame.java
 *
 * Created on 2009年6月10日, 上午9:59
 */

package invoice;
import javax.swing.JFrame; 
import javax.swing.JOptionPane;
import javax.swing.*;
import javax.swing.*;
import java.awt.*;
import java.awt.event.*;
import java.awt.dnd.DropTarget;
import java.awt.Graphics;
import javax.swing.BorderFactory;
/**
 *
 * @author  john
 */
public class invoiceFrame extends javax.swing.JFrame {
    
    /** Creates new form invoiceFrame */
    public invoiceFrame() {
      
        initComponents();
    }
    public Calender2 frame2; 
    private int jt=0;
    /** This method is called from within the constructor to
     * initialize the form.
     * WARNING: Do NOT modify this code. The content of this method is
     * always regenerated by the Form Editor.
     */
    // <editor-fold defaultstate="collapsed" desc=" 生成的代码 ">//GEN-BEGIN:initComponents
    private void initComponents() {
        jLabel1 = new javax.swing.JLabel();
        jTextField1 = new javax.swing.JTextField();
        jLabel2 = new javax.swing.JLabel();
        jTextField2 = new javax.swing.JTextField();
        jButton3 = new javax.swing.JButton();
        jButton4 = new javax.swing.JButton();

        setDefaultCloseOperation(javax.swing.WindowConstants.EXIT_ON_CLOSE);
        setTitle("Invoice Reports");
        setBackground(new java.awt.Color(153, 102, 255));
        setBounds(new java.awt.Rectangle(200, 200, 400, 200));
        setResizable(false);
        addMouseListener(new java.awt.event.MouseAdapter() {
            public void mouseClicked(java.awt.event.MouseEvent evt) {
                formMouseClicked(evt);
            }
        });
        addComponentListener(new java.awt.event.ComponentAdapter() {
            public void componentMoved(java.awt.event.ComponentEvent evt) {
                formComponentMoved(evt);
            }
        });

        jLabel1.setText("FromDate:");

        jTextField1.addMouseListener(new java.awt.event.MouseAdapter() {
            public void mouseClicked(java.awt.event.MouseEvent evt) {
                jTextField1MouseClicked(evt);
            }
        });

        jLabel2.setText("ToDate:");

        jTextField2.addMouseListener(new java.awt.event.MouseAdapter() {
            public void mouseClicked(java.awt.event.MouseEvent evt) {
                jTextField2MouseClicked(evt);
            }
        });

        jButton3.setText("Submit");
        jButton3.addMouseListener(new java.awt.event.MouseAdapter() {
            public void mouseClicked(java.awt.event.MouseEvent evt) {
                jButton3MouseClicked(evt);
            }
        });

        jButton4.setText("Close");
        jButton4.addMouseListener(new java.awt.event.MouseAdapter() {
            public void mouseClicked(java.awt.event.MouseEvent evt) {
                jButton4MouseClicked(evt);
            }
        });

        javax.swing.GroupLayout layout = new javax.swing.GroupLayout(getContentPane());
        getContentPane().setLayout(layout);
        layout.setHorizontalGroup(
            layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
            .addGroup(layout.createSequentialGroup()
                .addGroup(layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
                    .addGroup(layout.createSequentialGroup()
                        .addGap(30, 30, 30)
                        .addGroup(layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
                            .addComponent(jLabel1)
                            .addComponent(jLabel2))
                        .addGap(28, 28, 28)
                        .addGroup(layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING, false)
                            .addComponent(jTextField2)
                            .addComponent(jTextField1, javax.swing.GroupLayout.DEFAULT_SIZE, 100, Short.MAX_VALUE)))
                    .addGroup(layout.createSequentialGroup()
                        .addGap(70, 70, 70)
                        .addComponent(jButton3)
                        .addGap(45, 45, 45)
                        .addComponent(jButton4, javax.swing.GroupLayout.PREFERRED_SIZE, 73, javax.swing.GroupLayout.PREFERRED_SIZE)))
                .addContainerGap(87, Short.MAX_VALUE))
        );
        layout.setVerticalGroup(
            layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
            .addGroup(layout.createSequentialGroup()
                .addGap(49, 49, 49)
                .addGroup(layout.createParallelGroup(javax.swing.GroupLayout.Alignment.BASELINE)
                    .addComponent(jLabel1)
                    .addComponent(jTextField1, javax.swing.GroupLayout.PREFERRED_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.PREFERRED_SIZE))
                .addGap(18, 18, 18)
                .addGroup(layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
                    .addComponent(jLabel2)
                    .addComponent(jTextField2, javax.swing.GroupLayout.PREFERRED_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.PREFERRED_SIZE))
                .addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.RELATED, 21, Short.MAX_VALUE)
                .addGroup(layout.createParallelGroup(javax.swing.GroupLayout.Alignment.BASELINE)
                    .addComponent(jButton3)
                    .addComponent(jButton4))
                .addContainerGap())
        );
        pack();
    }// </editor-fold>//GEN-END:initComponents

    private void jButton4MouseClicked(java.awt.event.MouseEvent evt) {//GEN-FIRST:event_jButton4MouseClicked
// TODO 将在此处添加您的处理代码:
    //this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    this.dispose();
    }//GEN-LAST:event_jButton4MouseClicked

    private void formMouseClicked(java.awt.event.MouseEvent evt) {//GEN-FIRST:event_formMouseClicked
// TODO 将在此处添加您的处理代码:
          if(sta==1||sta==2){
        popup.hide();
        sta=0;
        }
    }//GEN-LAST:event_formMouseClicked

    private void formComponentMoved(java.awt.event.ComponentEvent evt) {//GEN-FIRST:event_formComponentMoved
// TODO 将在此处添加您的处理代码:
        if(sta==1||sta==2){
        popup.hide();
        sta=0;
        }
    }//GEN-LAST:event_formComponentMoved

    private void jTextField1MouseClicked(java.awt.event.MouseEvent evt) {//GEN-FIRST:event_jTextField1MouseClicked
// TODO 将在此处添加您的处理代码:
     try { 
     if(sta==0){
           frame2=new Calender2 (jTextField1);
           frame2.setVisible(true);
           frame2.setSize(250,250);
          // frame2.setBorder(BorderFactory.createEtchedBorder(Color.BLACK,Color.GRAY) );
           frame2.setBorder(BorderFactory.createTitledBorder(""));
          Point p=jTextField1.getLocationOnScreen();
          PopupFactory factory = PopupFactory.getSharedInstance();
          popup= factory.getPopup(jTextField1, frame2, p.x+10,p.y+18);
          popup.show();
         frame2.setPop(popup);
         sta=1;
          jt=1;
             }else if(sta==2)
        {popup.hide();
        frame2=new Calender2 (jTextField1);
        frame2.setVisible(true);
        frame2.setSize(250,250); 
         frame2.setBorder(BorderFactory.createTitledBorder(""));
       Point p=jTextField1.getLocationOnScreen();
       PopupFactory factory = PopupFactory.getSharedInstance();
       popup= factory.getPopup(jTextField1, frame2, p.x+10,p.y+18);
       popup.show();
       frame2.setPop(popup);
       sta=1;
        }
      } catch (Exception e) { 
e.printStackTrace(); 
} 
    }//GEN-LAST:event_jTextField1MouseClicked

    private void jTextField2MouseClicked(java.awt.event.MouseEvent evt) {//GEN-FIRST:event_jTextField2MouseClicked
// TODO 将在此处添加您的处理代码:
        try { 
            if(sta==0){
           frame2=new Calender2 (jTextField2);
           frame2.setVisible(true);
           frame2.setSize(250,250);
            frame2.setBorder(BorderFactory.createTitledBorder(""));
           Point p=jTextField2.getLocationOnScreen();
           PopupFactory factory = PopupFactory.getSharedInstance();
           popup= factory.getPopup(jTextField2, frame2,p.x+10,p.y+18);
           popup.show();
           frame2.setPop(popup);
           sta=2;
           jt=2;
        }else if(sta==1)
    {popup.hide();
     frame2=new Calender2 (jTextField2);
    frame2.setVisible(true);
    frame2.setSize(250,250);
     frame2.setBorder(BorderFactory.createTitledBorder(""));
    Point p=jTextField2.getLocationOnScreen();
   PopupFactory factory = PopupFactory.getSharedInstance();
   popup= factory.getPopup(jTextField2, frame2,p.x+10,p.y+18);
   popup.show();
   frame2.setPop(popup);
   sta=2;
        }
} catch (Exception e) { 
e.printStackTrace(); 
} 
    }//GEN-LAST:event_jTextField2MouseClicked

    private void jButton3MouseClicked(java.awt.event.MouseEvent evt) {//GEN-FIRST:event_jButton3MouseClicked
// TODO 将在此处添加您的处理代码:
        try{
        if(sta==1||sta==2){
        popup.hide();
        sta=0;
        }
       String frm=jTextField1.getText().toString();
       String to=jTextField2.getText().toString();
       if(frm==null||frm.equals("")||to==null||to.equals("")){
        JOptionPane.showMessageDialog(null, "时间不能为空!", "wrong", JOptionPane.INFORMATION_MESSAGE );
       }else{
        //Main.fromDate=frm;
        //Main.toDate=to;
       // Main m = new Main();  
      // SeparationTime st=new SeparationTime();
      // st.SeqTime(frm,to);
           System.out.println("suc!");
         //SeqTime st=new SeqTime();
        // st.SeqT(frm,to);
        JOptionPane.showMessageDialog(null, "Done.", "Message", JOptionPane.INFORMATION_MESSAGE );
       }
        }catch(Exception e){
        e.printStackTrace();
        }
    }//GEN-LAST:event_jButton3MouseClicked
    
    /**
     * @param args the command line arguments
     */
    public static void main(String args[]) {
        java.awt.EventQueue.invokeLater(new Runnable() {
            public void run() {
                new invoiceFrame().setVisible(true);
            }
        });
    }

    
    // 变量声明 - 不进行修改//GEN-BEGIN:variables
    private javax.swing.JButton jButton3;
    private javax.swing.JButton jButton4;
    private javax.swing.JLabel jLabel1;
    private javax.swing.JLabel jLabel2;
    private javax.swing.JTextField jTextField1;
    private javax.swing.JTextField jTextField2;
    // 变量声明结束//GEN-END:variables
    private  Popup popup;
    public static int sta=0;
     
}

 

package invoice;
import java.awt.Color; 
import javax.swing.*;
import java.awt.*;
import java.awt.event.*;
import java.awt.Font; 
import java.awt.GridLayout; 
import java.awt.event.ActionEvent; 
import java.awt.event.ActionListener; 
import java.awt.event.ItemEvent; 
import java.awt.event.ItemListener; 
import java.util.Date; 
import java.util.GregorianCalendar; 
import javax.swing.JButton; 
import javax.swing.JDialog;
import javax.swing.JLayeredPane;
import javax.swing.JComboBox; 
import javax.swing.JFrame; 
import javax.swing.JLabel; 
public class Calender2 extends JPanel implements ActionListener,ItemListener { 
/** 
* 实现简单的日历功能 
* 
* @author Jadie version 1.0 2007/12/29 
* @author2 john update 20090617
*/ private  Popup popup;

    private  JTextField jTextField2;
    public static  String Returndate="";
private static final long serialVersionUID = 1L; 

private Date date = new Date(); 

private GregorianCalendar gregorianCalendar = new GregorianCalendar(); 

private String[] stringWeek = new String[] { "SUN", "MON", "TUE", "WED", 
"THU", "FRI", "SAT" }; 

private String[] stringWeekCn = new String[] { "星期天", "星期一", "星期二", "星期三", 
"星期四", "星期五", "星期六" }; 

private String[] stringMonth = new String[] { "Jan", "Feb", "Mar", "Apr", 
"May", "Jun", "Jul", "Aug", "Sept", "Oct", "Nov", "Dec" }; 
private String[] strSysTime = new String[6]; 
// 存储当前日期信息 
private String[] strSysNowTime = new String[6]; 
// 存储运行时日期信息 
private JButton[] buttonDay = new JButton[42]; 
private JButton[] buttonWeek = new JButton[7]; 
private JLabel labelMonth = new JLabel(); 
private JButton buttonToday = new JButton(); 
private JButton buttonLastMonth = new JButton(); 
private JButton buttonNextMonth = new JButton(); 
private JComboBox comboYear = new JComboBox(); 
private JComboBox comboMonth = new JComboBox(); 
public Calender2(JTextField jTextField2) { 
//(frame,modal);
//super("万年历"); 
   
      super();//new FlowLayout(FlowLayout.LEFT,2,2)
 this.jTextField2=jTextField2;
 
  //  setLayout(new GridLayout(8, 7, 3, 8)); 
setLayout(new GridLayout(8, 7, 3, 5)); 
setBounds(0, 0, 430, 260); 
//this.setBackground(Color.);
//setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); 

comboYear.setForeground(new Color(0, 0, 255)); 
comboYear.setFont(new Font("", Font.PLAIN, 8)); 
//comboYear.setMargin(new Insets(0,0,0,0));
for (int y = 1900; y < 2101; y++) { 
comboYear.addItem("" + new Integer(y).toString()); 

} 
//getContentPane().
add(comboYear); 
comboYear.addItemListener(this); 

final JLabel labelYear = new JLabel(); 
labelYear.setForeground(Color.BLUE); 
labelYear.setFont(new Font("新宋体", Font.PLAIN, 8));
//getContentPane().
add(labelYear); 
labelYear.setText(" 年"); 
//labelYear.setToolTipText("xxxxx");
comboMonth.setForeground(new Color(0, 0, 255)); 
comboMonth.setFont(new Font("", Font.PLAIN, 8)); 
for (int m = 1; m < 13; m++) { 
comboMonth.addItem("" + new Integer(m).toString()); 
} 
//getContentPane().
add(comboMonth); 
comboMonth.addItemListener(this); 
//getContentPane().
add(labelMonth); 
labelMonth.setForeground(Color.BLUE); 
labelMonth.setFont(new Font("新宋体", Font.PLAIN, 8)); 
labelMonth.setText(" 月"); 
//getContentPane().
add(buttonLastMonth); 
buttonLastMonth.setForeground(Color.BLUE); 
buttonLastMonth.setFont(new Font("新宋体", Font.PLAIN, 8)); 
buttonLastMonth.setText("上月");
buttonLastMonth.setMargin(new Insets(0,0,0,0));
buttonLastMonth.addActionListener(this); 
//getContentPane().
add(buttonToday); 
buttonToday.setForeground(Color.BLUE); 
buttonToday.setFont(new Font("新宋体", Font.PLAIN, 8)); 
buttonToday.setText("今天"); 
buttonToday.setMargin(new Insets(0,0,0,0));
buttonToday.addActionListener(this); 
//getContentPane().
add(buttonNextMonth); 
buttonNextMonth.setForeground(Color.BLUE); 
buttonNextMonth.setFont(new Font("新宋体", Font.PLAIN, 8)); 
buttonNextMonth.setText("下月"); 
buttonNextMonth.setMargin(new Insets(0,0,0,0));
buttonNextMonth.addActionListener(this); 

for (int i = 0; i < 7; i++) { 
buttonWeek[i] = new JButton(); 
//JButton xx=buttonWeek[i];
//xx.setSize(10,10);
//buttonWeek[i].setMargin(new Insets(0,0,0,0));
if (i == 0 || i == 6) { 
buttonWeek[i].setForeground(Color.RED); 
} else { 
buttonWeek[i].setForeground(Color.BLUE); 
} 
buttonWeek[i].setFont(new Font("新宋体", Font.PLAIN, 8)); 
buttonWeek[i].setText(stringWeekCn[i]); 
buttonWeek[i].setMargin(new Insets(0,0,0,0));
//getContentPane().
add(buttonWeek[i]); 
} 

for (int i = 0; i < 42; i++) { 
buttonDay[i] = new JButton(); 
buttonDay[i].setText(""); 
buttonDay[i].setMargin(new Insets(0,0,0,0));
buttonDay[i].setFont(new Font("新宋体", Font.PLAIN, 9)); 
buttonDay[i].addMouseListener(new java.awt.event.MouseAdapter() {
             
    public void mousePressed(java.awt.event.MouseEvent evt) {
       
                jButtonMousePressed(evt);
            }
           
        });
       // getContentPane().
add(buttonDay[i]); 
} 
//this.setResizable(false); 
getSysNowTimeInfo(); 
setNowDate(); 
setNowDate(); 
} 
public void setPop(Popup popup){
this.popup=popup;
}

private void jButtonMousePressed(java.awt.event.MouseEvent evt){
//System.out.println(evt.paramString());
JButton o = (JButton)evt.getSource(); 
 String str=o.getText(); 
String y= comboYear.getSelectedItem().toString();
 String m=comboMonth.getSelectedItem().toString();
 Returndate=y.trim()+"-"+m.trim()+"-"+str.trim();
this.jTextField2.setText(Returndate);
this.popup.hide();
invoiceFrame.sta=0;
}
public void setSysDate(int year, int month) { 
// 将日期设置为year年month月1日 
gregorianCalendar.set(year, month, 1); 
} 

public void actionPerformed(ActionEvent ae) { 
if (ae.getSource() == buttonToday) { 
setNowDate(); 
setNowDate(); 
} else if (ae.getSource() == buttonLastMonth) { 
setDate(-1); 
} else { 
setDate(1); 
} 
} 

public void itemStateChanged(ItemEvent arg0) { 
setDate(0); 
} 

public void getSysNowTimeInfo() { 
// 得到程序运行时的时间信息并存储在字符串数组strSysNowTime中 
date = gregorianCalendar.getTime(); 
strSysNowTime = (date + "").split(" "); 
} 

public void getSysTimeInfo() { 
// 得到系统当前的时间信息并存储在字符串数组strSysTime中 
date = gregorianCalendar.getTime(); 
strSysTime = (date + "").split(" "); 
} 

public int getNowMonth() { 
int month = 0; 
for (int i = 0; i < 12; i++) { 
if (strSysNowTime[1].equalsIgnoreCase(stringMonth[i])) { 
month = i; 
break; 
} 
} 
return month; 
} 

public int weekStrat(String strWeek) { 
// 返回字符串strWeek与星期中的第几天匹配,SUN为第一天 
int strat = 0; 
for (int i = 0; i < 7; i++) { 
if (strWeek.equalsIgnoreCase(stringWeek[i])) { 
strat = i; 
break; 
} 
} 
return strat; 
} 

public void setNowDate() { 
// 将时间设置为程序运行时的时间 
setSysTime(getNowYear(), getNowMonth()); 
getSysTimeInfo(); 
setDayNull(); 
getDay(getMonthDays(getNowYear(), getNowMonth() - 1), getMonthDays( 
getNowYear(), getNowMonth()), weekStrat(strSysTime[0]), 
getNowDay()); 
comboYear.setSelectedIndex(getNowYear() - 1900); 
comboMonth.setSelectedIndex(getNowMonth()); 
} 

public void setDate(int move) { 
// 将时间设置为选中的年月增加move个月之后的时间 
setSysTime(getYear(), getMonth() + move); 
getSysTimeInfo(); 
setDayNull(); 
getDay(getMonthDays(getYear(), getMonth() + move - 1), getMonthDays( 
getYear(), getMonth() + move), weekStrat(strSysTime[0]), -1); 
if (move != 0) { 
if (getMonth() == 0 && move < 0) { 
move = 11; 
comboYear.setSelectedIndex(getYear() - 1901); 
} else if (getMonth() == 11 && move > 0) { 
move = -11; 
comboYear.setSelectedIndex(getYear() - 1899); 
} else { 
comboYear.setSelectedIndex(getYear() - 1900); 
} 
comboMonth.setSelectedIndex(getMonth() + move); 
} 
} 

public void setSysTime(int year, int month) { 
gregorianCalendar.set(year, month, 1); 
} 

public int getNowYear() { 
return Integer.parseInt(strSysNowTime[5]); 
} 

public int getNowDay() { 
return Integer.parseInt(strSysNowTime[2]); 
} 

public int getYear() { 
return comboYear.getSelectedIndex() + 1900; 
} 

public int getMonth() { 
return comboMonth.getSelectedIndex(); 
} 

public void setDayNull() { 
for (int d = 0; d < 42; d++) { 
buttonDay[d].setText(""); 
} 
} 

public void getDay(int lastMonDays, int monthDays, int startWeek, int day) { 
// 设置日期颜色并打印 
for (int d = 0; d < startWeek + 1; d++) { 
buttonDay[d].setForeground(Color.GRAY);
buttonDay[d].setVisible(false);
//buttonDay[d].setEnabled(false);
//buttonDay[d].setBackground(Color.GRAY);
buttonDay[d].setText((lastMonDays - startWeek) + d + 1 + ""); 
} 
for (int d = startWeek; d < startWeek + monthDays; d++) { 
if ((d - startWeek + 1) == day) { 
buttonDay[d].setForeground(Color.blue); 
buttonDay[d].setVisible(true);
//buttonDay[d].setEnabled(true);
} else if (d % 7 == 0 || d % 7 == 6) { 
buttonDay[d].setForeground(Color.RED); 
buttonDay[d].setVisible(true);
} else { 
buttonDay[d].setForeground(Color.BLACK); 
//buttonDay[d].setBackground(Color.BLACK);
buttonDay[d].setVisible(true);
//buttonDay[d].setEnabled(true);
} 

buttonDay[d].setText(d - startWeek + 1 + ""); 
} 
for (int d = monthDays + startWeek; d < 42; d++) { 
buttonDay[d].setForeground(Color.GRAY); 
buttonDay[d].setVisible(false);
//buttonDay[d].setEnabled(false);
buttonDay[d].setText(d - (monthDays + startWeek) + 1 + ""); 
} 
} 

public int getMonthDays(int year, int month) { 
// 返回year年month月的天数 
switch (month) { 
case 3: 
case 5: 
case 8: 
case 10: 
return 30; 
case 1: 
if (gregorianCalendar.isLeapYear(year)) { 
return 29; 
} else { 
return 28; 
} 
default: 
return 31; 
} 
} 

} 

 日历控件时 down的别人的 但是 这个经过了我的加工 使得在点击text的情况下跳出日历

1
1
分享到:
评论

相关推荐

    点击文本框弹出日历控件(可以选择日期)

    在网页设计中,为了提供用户友好的交互体验,经常需要使用到各种控件,其中“点击文本框弹出日历控件”是一个常见的功能。这个功能允许用户通过点击文本框来选择日期,而不是手动输入,既提高了数据输入的准确性,也...

    ASP.net调用日历控件

    考虑到用户体验,你可以使用CSS来美化日历控件,或者使用jQuery UI等库创建更现代的弹出日历。还可以使用`VisibleDate`属性来控制日历显示的初始日期,或者使用`DayRender`事件自定义日期的显示,比如高亮特定日期...

    ASP.NET 自定义日历控件

    DatePicker通常指的是一个组合了TextBox和日历图标的控件,点击图标会弹出日历让用户选择日期。这种控件可以是自定义的用户控件,也可以是第三方库(如jQuery UI或Bootstrap)提供的组件。在ASP.NET中集成这些...

    js日历控件 英文版

    开发者可能使用了`&lt;input type="text"&gt;`来创建一个日期输入字段,并通过JavaScript与`js.js`文件进行交互,当用户点击这个字段时,日历控件会弹出。 `js.js` 文件则是整个日历控件的核心,它包含了实现日历功能的...

    jquery_ui日历控件

    用户点击输入框时,日历会弹出,允许用户选择日期。 jQuery UI 日历控件具有许多可定制的选项,以适应不同的需求。例如,你可以设置日期格式、禁用特定日期、设置起始日期范围等。以下是一些常用选项: - `...

    C#的日历控件使用

    例如,某些场景下可能需要一个可下拉的日历控件,该控件在初始状态下不显示日历,只有在用户点击特定按钮时才会弹出,并且当用户选择日期后,日历会自动隐藏并将选定的日期显示在输入框中。 #### 自定义控件设计...

    js 日历控件

    以上代码是一个简单的JS日历控件应用,点击按钮后会弹出日历供用户选择日期,选择的日期会填入输入框。 总的来说,JS日历控件是Web开发中不可或缺的一部分,它提高了用户在处理日期相关的任务时的效率。通过理解其...

    jquery datepicker日历控件支持多种颜色弹出日历

    在这个特定的主题中,我们探讨的是如何使`datepicker`控件支持多种颜色弹出日历,以满足不同设计需求或品牌风格。 首先,我们要理解`jquery datepicker`的基本使用。它是jQuery UI库的一部分,通过引入相应的CSS和...

    .net日历控件DatePicker

    DatePicker是.NET框架中一种用于日期选择的控件,通常与文本框配合使用,用户点击文本框后,会弹出一个日历界面供用户选择日期。这种控件不仅简化了用户输入日期的过程,也确保了日期格式的一致性。在.NET中,有多种...

    点击文本框弹出日历的jquery代码和使用方法

    在网页设计中,为了提升用户体验,常常需要在用户点击文本框时弹出日历插件,帮助用户方便快捷地选择日期。jQuery是一个流行的JavaScript库,它简化了DOM操作、事件处理以及动画效果,使得实现这样的功能变得...

    ASP.NET弹出式日历选择控件的实现

    该日历选择控件主要包括以下几个组成部分:用于显示和编辑日期的文本框、触发弹出日历的按钮以及用于选择日期的日历弹出窗口。通过客户端脚本(JavaScript)与服务器端脚本(C#)的结合,可以实现一个高效且用户友好...

    js日历DIV控件

    在这个日历控件中,`div`被用来创建一个可弹出的日历视图,用户可以通过CSS(如`org_naraku_Calender.css`)对其进行样式定制,以适应页面设计。 **3. CSS基础与应用** `org_naraku_Calender.css`文件是控制日历...

    页面所用到的日历控件:DatePicker

    1. **触发显示**:当用户点击特定的日期输入框时,控件会以弹出窗口的形式出现,展示一个月份视图,用户可以在其中选择日期。 2. **用户交互**:用户可以通过点击日历中的日期或者使用上下左右箭头来切换月份和年份...

    js日历控件兼容所有浏览器

    在这个例子中,当用户点击`id`为`datePicker`的输入框时,会弹出日历控件,日期格式设定为"年-月-日"。 5. **注意事项**: - 为了确保兼容性,要确保用户使用的浏览器版本在My97 DatePicker支持范围内。 - 在旧...

    HTML的日历控件(个人推荐)

    在这个例子中,当点击输入框时,会弹出My97DatePicker的日历供用户选择日期,选择后的日期会显示在输入框中,并在控制台打印出来。 总的来说,My97DatePicker凭借其简洁的集成方式、强大的自定义能力和良好的兼容性...

    时间控件之JS 精美日历控件

    在这里,`onclick`事件绑定了`WdatePicker()`函数,当用户点击这个输入框时,日历插件就会弹出。 接下来,我们可以设置一些自定义选项,比如日期格式、默认值等。这可以通过在`WdatePicker()`函数中传入一个配置...

    jquery.datePicker日历控件应用text文本框弹出日历表与默认显示日

    当用户点击输入框时,日历会弹出,用户可以直接从中选择日期,而所选日期会自动填入到输入框中。这样不仅提高了用户体验,也减少了输入错误的可能性。 要实现`jquery.datePicker`的基本应用,首先需要在HTML页面中...

    实例138 如何在Web页中使用日历控件C#

    打开你的WebForm,右键点击设计视图中的空白区域,选择"插入" -&gt; "ASP.NET 控件",在弹出的列表中找到"日历"控件并将其拖放到页面上。此时,页面上会显示一个默认的日历样式。 接着,我们需要对日历控件进行一些...

    javaFX日历控件

    它提供了直观的用户界面,允许用户通过一个弹出的日历来选择日期。`DatePicker`控件的核心类是`javafx.scene.control.DatePicker`,它包含了一系列方法和属性,如设置默认日期、获取选中日期以及监听日期变化事件。 ...

Global site tag (gtag.js) - Google Analytics