日历式日期选择控件

最新推荐文章于 2025-12-04 17:39:28 发布
转载 最新推荐文章于 2025-12-04 17:39:28 发布 · 392 阅读 · 0
文章标签：

#日历 #border #function #date #javascript #calendar

本文介绍了一款基于JavaScript的精致日历式日期输入控件，包括其样式、功能及使用方法，支持直接输入和按钮触发两种方式选择日期。

日历式日期选择控件

<HTML> <HEAD> <TITLE>最精致的日历式日期输入控件 (Smart Ver 1.00)</TITLE> </HEAD> <style> body {  font-size:12px;  font-family:"Tahoma"; } td {  font-size:12px;  font-family:"Tahoma"; } .inputdate {  border:1px solid #7287c6;  text-align: center;  font-size: 12px;  font-style: normal;  height: 16px; } </style> <SCRIPT LANGUAGE="JavaScript"> <!-- /******************************************************************** more javascript from http://www.smallrain.net 时间：2004-01-01 作者：Smart 功能：日历式日期选择控件   参数： 说明： 1.输入框直接调用用以下代码 <Script>DateBox("InputName","DateValue")<//Script> 其中:InputName 为输入日期的文本框.注:不能为空.        DateValue  为输入日期的文本框默认日期值.格式为:YYYY-MM-DD.如2004-01-01                        此值可以不填或为空.则默认值为当天日期.(客户端) 2.其它"按钮"调用用以下代码 CallDate("InputName") 其中:InputName 为输入日期的文本框.注:不能为空. 修改区 时间： 修改人： 原因： ********************************************************************/ /*基本参数*/ var Frw=106; //日历宽度 var Frh=137; //日历高度 var Frs=4;     //影子大小 var Hid=true;//日历是否打开 /*创建框架*/ document.writeln('<Div id=Calendar Author=smart  scrolling="no" frameborder=0 style="border:0px solid #EEEEEE ;position: absolute; width: '+Frw+'; height: '+Frh+'; z-index: 0; filter :/'progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#AAAAAA,strength='+Frs+')/' ;display: none"></Div>'); /*取得今日日期*/ function GetTodayDate() {    today= new Date();    y= today.getYear();    m= (today.getMonth() + 1);    if (m<10)    {      m='0'+m;    }    d= today.getDate();    if (d<10)    {      d='0'+d;    } return y+'-'+m+'-'+d } /*输入今天日期*/ function SetTodayDate(InputBox) {   HiddenCalendar();   InputBox.value=GetTodayDate(); } /*取某年某月第一天的星期值(月份-1)*/ function GetFirstWeek(The_Year,The_Month) {   return (new Date(The_Year,The_Month-1,1)).getDay() } /*取某年某月中总天数*/ function GetThisDays(The_Year,The_Month) {   return (new Date(The_Year,The_Month,0)).getDate() } /*取某年某月上个月中总天数*/ function GetLastDays(The_Year,The_Month) {   return (new Date(The_Year,The_Month-1,0)).getDate() } /*判断是否是闰年*/ function RunNian(The_Year) {  if ((The_Year%400==0) || ((The_Year%4==0) && (The_Year%100!=0)))   return true;  else   return false; } /* 判断日期(YYYY-MM-DD)的日期是否正确 */ function DateIsTrue(asDate){  var lsDate  = asDate + "";  var loDate  = lsDate.split("-");  if (loDate.length!=3) return false;  var liYear  = parseFloat(loDate[0]);  var liMonth = parseFloat(loDate[1]);  var liDay   = parseFloat(loDate[2]);  if ((loDate[0].length>4)||(loDate[1].length>2)||(loDate[2].length>2)) return false;  if (isNaN(liYear)||isNaN(liMonth)||isNaN(liDay)) return false;  if ((liYear<1800)||(liYear>2500)) return false;  if ((liMonth>12)||(liMonth<=0))   return false;  if (GetThisDays(liYear,liMonth)<liDay) return false;  return !isNaN(Date.UTC(liYear,liMonth,liDay)); } /*取某年某月的周值*/ function GetCountWeeks(The_Year,The_Month) {  var Allday;  Allday = 0;  if (The_Year>2000)  {     for (i=2000 ;i<The_Year; i++)    if (RunNian(i))     Allday += 366;    else     Allday += 365;   for (i=2; i<=The_Month; i++)   {    switch (i)    {       case 2 :        if (RunNian(The_Year))         Allday += 29;        else         Allday += 28;        break;       case 3 : Allday += 31; break;       case 4 : Allday += 30; break;       case 5 : Allday += 31; break;       case 6 : Allday += 30; break;       case 7 : Allday += 31; break;       case 8 : Allday += 31; break;       case 9 : Allday += 30; break;       case 10 : Allday += 31; break;       case 11 : Allday += 30; break;       case 12 :  Allday += 31; break;    }   }  } return (Allday+6)%7; } /*输入框显示*/ function InputValue(InputBox,Year,Month,Day) {   if (Month<10)   {     Month='0'+Month   }   if (Day<10)   {     Day='0'+Day   }   InputBox.value=Year+"-"+Month+"-"+Day } //上一月 function ForwardMonth(InputBox,Year,Month,Day) {     Month=Month-1;     if (Month<1)     {         Month=12;         Year=Year-1;         if (Year<1800)             Year=2500;     }   Day=((GetThisDays(Year,Month)<Day)?GetThisDays(Year,Month):Day)   Hid=false;   ShowCalendar(InputBox,Year,Month,Day) } //下一月 function NextMonth(InputBox,Year,Month,Day) {     Month=Month+1;     if (Month>12)     {         Month=1;         Year=Year+1;         if (Year>2500)             Year=1800;     }   Day=((GetThisDays(Year,Month)<Day)?GetThisDays(Year,Month):Day)   Hid=false;   ShowCalendar(InputBox,Year,Month,Day) } //上一年 function ForwardYear(InputBox,Year,Month,Day) {     Year=Year-1;     if (Year<1800)         Year=2500;   Day=((GetThisDays(Year,Month)<Day)?GetThisDays(Year,Month):Day)   Hid=false;   ShowCalendar(InputBox,Year,Month,Day) } //下一年 function NextYear(InputBox,Year,Month,Day) {     Year=Year+1;     if (Year>2500)         Year=1800;   Day=((GetThisDays(Year,Month)<Day)?GetThisDays(Year,Month):Day)   Hid=false;   ShowCalendar(InputBox,Year,Month,Day) } /*其它事件显示日历*/ function OpenDate(where) {  GetCalendar(where) } /*根据输入框中的日期显示日历*/ function GetCalendar(where) {     Hid=false;     var Box_Name=where.name;     var Box_value=where.value;     if (DateIsTrue(Box_value))     {     loDate  = Box_value.split("-");     Y= parseFloat(loDate[0]);     M= parseFloat(loDate[1]);     D= parseFloat(loDate[2]);     ShowCalendar(where,Y,M,D);     }   else   {     today= new Date();     y= today.getYear();     m= (today.getMonth() + 1);     d=today.getDate();     ShowCalendar(where,y,m,d);   } } /*隐藏日历*/ function HiddenCalendar() {     document.all.Calendar.style.display="none"; } function CloseCalendar() {   if (Hid)     document.all.Calendar.style.display="none";   Hid=true; } /*显示日历*/ function ShowCalendar(InputBox,The_Year,The_Month,The_Day) {     var Now_Year=(The_Year==null?2004:The_Year);     var Now_Month=(The_Month==null?1:The_Month);     var Now_Day=(The_Day==null?1:The_Day);     var Box_Name='window.parent.document.all.'+InputBox.name;     var fw=GetFirstWeek(Now_Year,Now_Month);     var ld=GetLastDays(Now_Year,Now_Month);     var td=GetThisDays(Now_Year,Now_Month);     var isnd=false;//是否是下个月的日期     var d=1,w=1;     var FrameContent;     var Frl,Frt,Winw,Winh; /*显示的位置*/ Winw=document.body.offsetWidth; Winh=document.body.offsetHeight; Frl=InputBox.getBoundingClientRect().left-2; Frt=InputBox.getBoundingClientRect().top+InputBox.clientHeight; if (((Frl+Frw+Frs)>Winw)&&(Frw+Frs<Winw))   Frl=Winw-Frw-Frs; if ((Frt+Frh+Frs>Winh)&&(Frh+Frs<Winh))   Frt=Winh-Frh-Frs; document.all.Calendar.style.display=""; document.all.Calendar.style.left=Frl; document.all.Calendar.style.top=Frt; //显示日历内容 FrameContent="/n<table onselectstart=/"return false;/" border='0' cellpadding='0' cellspacing='0' bgcolor='#395592' width='100%' height='15' style=/"color:white;font-weight:bolder;border:0px solid/">"+"/n<tr>/n"; FrameContent+="<td width=8>"; FrameContent+="<img src='inc/-.gif' width='8' height='11' border='0' alt='上一年' style='cursor:hand' onclick=/"parent.ForwardYear (window.parent.document.all."+InputBox.name+","+Now_Year+","+Now_Month+","+Now_Day+")/">"; FrameContent+="</td>/n"; FrameContent+="<td vAlign=middle align='center'>"; FrameContent+=Now_Year; FrameContent+="年"; FrameContent+="</td>/n"; FrameContent+="<td width=8>"; FrameContent+="<img src='inc/+.gif' width='8' height='11' border='0' alt='下一年' style='cursor:hand' onclick=/"parent.NextYear (window.parent.document.all."+InputBox.name+","+Now_Year+","+Now_Month+","+Now_Day+")/">"; FrameContent+="</td>/n"; FrameContent+="<td width=8>"; FrameContent+="<img src='inc/-.gif' width='8' height='11' border='0' alt='上一月' style='cursor:hand' onclick=/"parent.ForwardMonth (window.parent.document.all."+InputBox.name+","+Now_Year+","+Now_Month+","+Now_Day+")/">"; FrameContent+="</td>/n"; FrameContent+="<td vAlign=middle align='center' width='16'>"; FrameContent+=Now_Month; FrameContent+="</td>/n"; FrameContent+="<td vAlign=middle align='center' width='13'>"; FrameContent+="月"; FrameContent+="</td>/n"; FrameContent+="<td width=8>"; FrameContent+="<img src='inc/+.gif' width='8' height='11' border='0' alt='下一月' style='cursor:hand' onclick=/"parent.NextMonth (window.parent.document.all."+InputBox.name+","+Now_Year+","+Now_Month+","+Now_Day+")/">"; FrameContent+="</td>"+"/n"; FrameContent+="</tr>"+"/n"; FrameContent+="</table>"+"/n"; FrameContent+="<table onselectstart=/"return false;/" border='0' cellpadding='0' cellspacing='1' width='100%' bgcolor='#CCCCCC'>"+"/n"; FrameContent+="<tr bgcolor='#F5F5F5'>"+"/n"; FrameContent+="<td><center>一</center></td>"+"/n"; FrameContent+="<td><center>二</center></td>"+"/n"; FrameContent+="<td><center>三</center></td>"+"/n"; FrameContent+="<td><center>四</center></td>"+"/n"; FrameContent+="<td><center>五</center></td>"+"/n"; FrameContent+="<td><center>六</center></td>"+"/n"; FrameContent+="<td><center><font color='#FF0000'>日</font></center></td>"+"/n"; FrameContent+="</tr>"+"/n"; //如果本月第一天是星期一或星期天.应加上七.保证可以看到上个月的日期     if (fw<2)       tf=fw+7;     else       tf=fw;       FrameContent+="<tr bgcolor='#FFFFFF'>"+"/n";       //第一行上月日期       for (l=(ld-tf+2);l<=ld;l++)       {         FrameContent+="<td  onclick=/"parent.ForwardMonth (window.parent.document.all."+InputBox.name+","+Now_Year+","+Now_Month+","+l+")/" style='cursor:hand'><center><font color='#BBBBBB'>"+l+"</font></center></td>"+"/n";         w++;       }       //第一行本月日期       for (f=tf;f<=7;f++)       {          //星期天但非输入日期          if (((w%7)==0)&&(d!=Now_Day))            FrameContent+="<td onMouseOver=/"this.style.background=/'#E1E1E1/'/" onMouseOut=/"this.style.background=/'#FFFFFF/'/" onClick=/"parent.InputValue(window.parent.document.all."+InputBox.name+","+Now_Year+","+Now_Month+","+d+");parent.HiddenCalendar()/" style='cursor:hand'><center><font color='#FF0000'>"+d+"</font></center></td>"+"/n";          //日期为输入日期          else if (d==Now_Day)            FrameContent+="<td style=/"background:#420042;cursor:hand/" onClick=/"parent.InputValue(window.parent.document.all."+InputBox.name+","+Now_Year+","+Now_Month+","+d+");parent.HiddenCalendar()/"><center><font color='#FFFFFF'>"+d+"</font></center></td>"+"/n";          //其它          else            FrameContent+="<td onMouseOver=/"this.style.background=/'#E1E1E1/'/" onMouseOut=/"this.style.background=/'#FFFFFF/'/" onClick=/"parent.InputValue(window.parent.document.all."+InputBox.name+","+Now_Year+","+Now_Month+","+d+");parent.HiddenCalendar()/" style='cursor:hand'><center>"+d+"</center></td>"+"/n";         d++;         w++;       }       FrameContent+="</tr>"+"/n";     w=1;     for (i=2;i<7;i++)     {       FrameContent+="<tr bgcolor='#FFFFFF'>"+"/n";       for (j=1;j<8;j++)       {          if (isnd)//下个月的日期          FrameContent+="<td style='cursor:hand' onclick=/"parent.NextMonth (window.parent.document.all."+InputBox.name+","+Now_Year+","+Now_Month+","+d+")/"><center><font color='#BBBBBB'>"+d+"</font></center></td>"+"/n";          else//本月的日期         {            //星期天但非输入日期            if (((w%7)==0)&&(d!=Now_Day))              FrameContent+="<td onMouseOver=/"this.style.background=/'#E1E1E1/'/" onMouseOut=/"this.style.background=/'#FFFFFF/'/" onClick=/"parent.InputValue(window.parent.document.all."+InputBox.name+","+Now_Year+","+Now_Month+","+d+");parent.HiddenCalendar()/" style='cursor:hand'><center><font color='#FF0000'>"+d+"</font></center></td>"+"/n";            //日期为输入日期            else if (d==Now_Day)              FrameContent+="<td style=/"background:#420042;cursor:hand/" onClick=/"parent.InputValue(window.parent.document.all."+InputBox.name+","+Now_Year+","+Now_Month+","+d+");parent.HiddenCalendar()/"><center><font color='#FFFFFF'>"+d+"</font></center></td>"+"/n";            //其它            else              FrameContent+="<td onMouseOver=/"this.style.background=/'#E1E1E1/'/" onMouseOut=/"this.style.background=/'#FFFFFF/'/" onClick=/"parent.InputValue(window.parent.document.all."+InputBox.name+","+Now_Year+","+Now_Month+","+d+");parent.HiddenCalendar()/" style='cursor:hand'><center>"+d+"</center></td>"+"/n";         }         //判断是否为本月的日期         if (d==td)         {           isnd=true;           d=0;         }         w++;         d++;       }       FrameContent+="</tr>"+"/n";     } FrameContent+="</table>"+"/n"; FrameContent+="<table onselectstart=/"return false;/" cellpadding='0' cellspacing='0' bgcolor='#F5F5F5' width='100%' height='15'>"+"/n<tr>/n"; FrameContent+="<td title=/"今日:"+GetTodayDate()+"/" style=/"cursor:hand/" onclick=/"parent.SetTodayDate(window.parent.document.all."+InputBox.name+")/">"; FrameContent+="<font color=red>今日:</font>"+GetTodayDate(); FrameContent+="</td>/n"; FrameContent+="<td>"; FrameContent+="<img src='inc/close.gif' width='13' height='13' border='0' alt='关闭' style='cursor:hand' onclick=/"parent.HiddenCalendar()/">"; FrameContent+="</td>/n"; FrameContent+="</tr>/n"; document.all.Calendar.innerHTML=FrameContent; document.all.Calendar.style.display=""; } /*显示输入框*/ function DateBox(sBoxName, sDfltValue) {     if (sBoxName==null)         sBoxName='Date_Box'     if ((sDfltValue==null)||!(DateIsTrue(sDfltValue)))         sDfltValue= GetTodayDate()     else     {       DateStr  = sDfltValue.split("-");       Y= parseFloat(DateStr[0]);       M= (parseFloat(DateStr[1])<10)?('0'+parseFloat(DateStr[1])):parseFloat(DateStr[1]);       D= (parseFloat(DateStr[2])<10)?('0'+parseFloat(DateStr[2])):parseFloat(DateStr[2]);       sDfltValue=Y+'-'+M+'-'+D     }     document.write("<input size='10' readonly class='inputdate' name='"+sBoxName+"' value='"+sDfltValue+"' onclick='GetCalendar(window.document.all."+sBoxName+")' >"); } document.onclick = CloseCalendar; //--> </SCRIPT> <BODY topmargin="0" leftmargin="0"> 点击输入框调用日历.<Script>DateBox("Test1")</Script> &nbsp; <Script>DateBox("Test2","2004-01-01")</Script> &nbsp;其它事件调用日历. <input type="text" class="inputdate" size="10" name="Test3" readonly> <input type="button"  class="inputdate" onclick="OpenDate(Test3)" value="显示日历"> </BODY> </HTML>
92.qt qml-日期/日期时间/时间选择器(日历选择器)
抵抗时间扭曲，坚持做一件有意义的事
07-11 3284
QML日历组件我们之前移植过:67.qt quick-qml自定义日历组件(支持竖屏和横屏)_qml日历_诺谦的博客-优快云博客但是该组件内部代码比较坑的就是全部使用自定义对象，导致性能不行，动画卡顿，并且不好加时间选择，所以本章我们重新学习，然后重构一个日期时间选择器，支持更改日期 或者 日期时间重构需要使用到Calendar类和样式类2.Calendar类介绍int,一周中各天的显示格式(在页眉中)。Locale.ShortFormat是默认的推荐格式。
滑动式日期选择控件——tumblerdatetime qt
2301_79366106的博客
08-15 565
为了获取用户最终选择的日期时间，需要在信号槽中进行处理。tumblerdatetime控件提供了一个datetimeChanged()信号，该信号在用户更改日期时间后自动触发。与系统默认提供的日期控件相比，它采用了滑动式的用户交互方式，使得用户可以更加自然、流畅地选择日期。在UI界面中添加一个tumblerdatetime控件，可使用QT Creator自带的控件组件库进行拖拉操作。以上就是关于滑动式日期选择控件——tumblerdatetime qt的介绍，希望对读者有所帮助。
打造个性化日期选择体验：jQuery日历控件指南
weixin_32480007的博客
08-09 438
jQuery是一个快速、简洁的JavaScript库，它简化了HTML文档遍历和操作、事件处理、动画和Ajax交互。通过封装这些常用功能，jQuery使得Web开发变得更加直观和高效，同时它拥有广泛的社区支持和丰富的插件生态。自定义样式和事件处理是提升jQuery日历控件用户体验的重要方面。对于开发者来说，掌握如何定制日历控件的外观和处理用户交互事件，可以使产品更贴合实际需求。Datepicker提供多种事件用于定制控件行为，例如：changeDate: 当选中的日期发生变化时触发。
简易JS多日期选择日历控件教程
weixin_34413326的博客
08-23 966
JavaScript作为前端开发不可或缺的一部分，与Web页面的交互是通过改变DOM结构来实现的。DOM（文档对象模型）提供了一种结构化的方式来表示文档，允许编程语言通过API来修改文档的样式、内容和结构。理解这一基础原理，对于构建动态交互式的网页至关重要。日历控件，又称为日期选择器，是一种允许用户选择日期的交互式控件。它通常以图形用户界面的形式出现，能够集成到HTML表单中。在JavaScript中，实现一个日历控件需要处理日期的生成、格式化以及用户交互等多个方面。
简单的日期选择控件的实现（弹出日历，选择日期）
fenlyer的博客
07-05 6399
项目地址：https://github.com/vikramkakkar/SublimePicker 星星 一千八的  值得拥有 很简单  直接compile  之后 就是 界面 自定义 DialongFragmeng activity代码 三个部分。 首先界面： <EditText android:id="@+id/et" android:layout
移动端高效日期时间选择插件实战
weixin_42124497的博客
08-14 907
移动端日期时间选择插件广泛应用于需要用户输入日期和时间的场景中，如表单填写、日程安排、事件提醒等。该插件提供了一个简洁、直观的用户界面，方便用户快速做出选择。在本章中，我们将介绍核心组件的基本概念和功能，为后续深入分析和使用打下基础。在这个数字化时代，用户体验已成为产品成功的关键。移动端日期时间选择插件若要在各种应用程序中脱颖而出，其视觉风格必须与应用的整体设计保持一致。这意味着插件不仅需要有功能强大，而且还要易于定制和适配不同的视觉风格。
探索日历控件与日期多选功能：Kalendae插件应用详解
weixin_42465140的博客
05-26 865
日历控件是现代网页与应用程序中不可或缺的界面元素，用于用户日期选择、事件管理等场景。它的设计和实现对于提高用户操作的便捷性和效率至关重要。Kalendae允许开发者监听和处理自定义事件，使得与第三方库的集成变得更加容易。例如，将日历与全屏日历插件集成，可以监听一个自定义事件来触发全屏展示：});在这个例子中，事件被触发时，会调用方法打开一个全屏日历。
掌握jQuery日期选择插件：全面指南与实践
weixin_42433737的博客
03-12 1202
本文还有配套的精品资源，点击获取 简介：本文深入分析了jQuery日期选择插件的使用，包括其核心功能、配置选项、常用插件以及优点。通过具体示例代码，指导读者如何轻松实现用户友好的日期输入，并探讨了如何选择合适的日期选择插件以提升网页应用的交互性和用户体验。 1. jQuery日期选择器功能介绍 jQuery日期选择器是一个流行且强大的用户界面组件，它允许用户...
打造原生JavaScript日历时间选择器插件
weixin_42350014的博客
08-09 797
在本章节中，我们将探索如何通过操作DOM来实现一个动态交互的日历。这一过程涉及对网页文档结构的理解、事件监听的设置以及元素的动态渲染等关键技术点。通过本章的学习，你将能够掌握如何创建一个响应用户输入的交互式日历。在第三章中，我们学习了如何使用CSS为日历赋予美观的外观，并且确保它在不同设备上均可响应。我们使用了基本样式设计、动态效果设计、媒体查询以及弹性布局等技术来实现这一目标。在下一章，我们将继续深入，探索用户交互的动画效果和导航的实现。
精确到小时的日期选择插件实践指南
weixin_35189483的博客
11-10 973
本文还有配套的精品资源，点击获取 简介：日期插件对于网页开发和应用程序设计至关重要，提供给用户方便的日期和时间选择功能。特别是"日期插件支持到小时"，为需要精确安排事件的应用带来了实用性。"很好用兼容各个浏览器"强调了这款插件的易用性和跨平台兼容性。"日期插件"核心功能包括日历视图、时间选择器、日期范围选择等，可自定义样式并与其他页面元素互动。My97DatePicker是...
jquery双日历插件_日期区间选择控件(用户不用来回拉，会展示两个月日期)
05-31
【标题】"jQuery双日历插件_日期区间选择控件"是一款专为网页设计而开发的高效工具，它提供了一种便捷的方式，使用户在不用反复切换月份的情况下，能够轻松选择日期范围。这款插件尤其适用于需要用户输入日期区间，...
实用的前端日历时间日期选择控件.zip
01-07
"实用的前端日历时间日期选择控件.zip" 提供的是一款功能丰富的插件，它能够帮助开发者轻松地实现日期和时间的选择功能。这款插件尤其适用于那些需要用户输入特定日期或时间段的应用场景，比如预订系统、事件安排或...
多样式js日历控件选择器代码
06-24
总的来说，多样式js日历控件选择器代码是一个结合了JavaScript、CSS和HTML技术的前端组件，它的实现涉及到DOM操作、事件处理、日期计算、样式设计等多个方面。这样的控件不仅提供了直观的日期选择功能，还通过多样式...
jQuery手机端HTML5带农历日期选择插件jQuery移动端日历插件swiper.js
03-31
这款插件适用于开发移动应用，为用户提供直观且易于操作的日历选择体验，类似于百度的万年历，并且兼容iPhone的滚轮选择样式。 首先，jQuery是一个轻量级的JavaScript库，它简化了DOM操作、事件处理、动画和Ajax...
多种日历表、时间日期选择插件
06-06
在IT领域，尤其是在Web开发中，用户界面常常需要与日期和时间进行交互，这就催生了各种日历表和时间日期选择插件的诞生。本文将详细介绍一款源自国站的jQuery时间日期插件，该插件功能强大且使用简便，能够满足多种...
Jeecg AI应用开发平台v1.0.0首版发布，快速搭建AI知识库或AI聊天助手
JEECG官方博客
12-04 678
Jeecg-AI是一款基于大型语言模型和RAG技术的全栈式AI开发平台，支持快速构建和部署个性化AI应用。该平台提供AI知识库管理、流程编排、模型配置、向量库对接等功能，支持ChatGPT、DeepSeek等多种大模型，并可与业务系统深度集成。采用Vue3+Spring Boot技术栈，具备智能问答、文档处理、API生成等能力，相比Dify平台更注重低代码与业务集成。开发者可通过Docker一键部署或源码构建，实现智能应用的快速开发。
网络安全漏洞之React 框架分析
anquan2233的博客
12-04 777
昨日爆出的 CVE-2025-55182，CVSS 10.0 满分严重漏洞，影响 React 19 及所有 Next.js 15/16 项目。核心问题是 React Server Components 的 Flight 协议存在不安全反序列化，无需任何认证，攻击者只需向 Server Actions 端点发送一个精心构造的 multipart 请求，即可实现远程代码执行（RCE）。目前已确认多个完整 0day 利用链（包括 vm.runInThisContext 在内），未修补实例基本等于已失陷。
vue实现页面不断插入内容并且自动滚动功能
最新发布
weixin_50606255的博客
12-04 135
我们在看视频时经常会看到黑客入侵别人电脑会在屏幕上显示一串代码，并且代码不断插入自动滚动，看起来很厉害的样子，现在就在此纪录实现此功能：
Next.js 零基础开发博客后台管理系统教程（一）：环境搭建与项目初始化
祈澈菇凉
12-02 601
✅ 确定了使用 Next.js 的理由。✅ 检查并准备了开发环境。✅ 初始化了一个基于 App Router 和 TypeScript 的 Next.js 项目。✅ 初步了解了项目结构并成功运行了应用。在下一篇教程中，我们将开始构建后台管理界面的基础布局，并集成一个常用的 UI 组件库（例如 Ant Design 或继续使用 Tailwind CSS），为我们的管理系统打造一个漂亮、实用的侧边栏和顶部导航栏。
广泛应用的JavaScript日历控件及其日期选择功能
日历控件（Calendar Control）是一种用户界面组件，用于在应用程序中提供日期选择的功能。它允许用户通过图形界面浏览日期，并选择特定的日期或日期范围。这种控件在网页设计和桌面软件开发中被广泛使用，目的是简化...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值