Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,027

HOME > PHP > PHP Forum > เกี่ยวกับวันที่ - เมื่อกดรูปปฎิทิน แล้ววันที่ที่เลือกจะใส่ลงใน textbox จะทำยังไงไม่ให้สามารถเลือกวันที่หลังจากวันที่ปัจจุบันได้ค่ะ



 

เกี่ยวกับวันที่ - เมื่อกดรูปปฎิทิน แล้ววันที่ที่เลือกจะใส่ลงใน textbox จะทำยังไงไม่ให้สามารถเลือกวันที่หลังจากวันที่ปัจจุบันได้ค่ะ

 



Topic : 026111



โพสกระทู้ ( 43 )
บทความ ( 0 )



สถานะออฟไลน์




เมื่อกดรูปปฎิทิน แล้ววันที่ที่เลือกจะใส่ลงใน textbox
จะทำยังไงไม่ให้สามารถเลือกวันที่หลังจากวันที่ปัจจุบันได้ค่ะ



Tag : - - - -






Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2009-04-03 23:10:00 By : Kmay View : 2103 Reply : 12
 

 

No. 1



โพสกระทู้ ( 74,058 )
บทความ ( 838 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook

Javascript Calendar Date Picker

Quote:
จะทำยังไงไม่ให้สามารถเลือกวันที่หลังจากวันที่ปัจจุบันได้ค่ะ


คงจะต้องเขียนเงื่อนไขเพิ่มน่ะครับ


Date : 2009-04-03 23:26:56 By : webmaster
 


 

No. 2

Guest


ไปหาดาวน์โหลดเอา มีแจกเยอะแยะ บอกวิธีติดตั้งและตัวอย่างด้วย ค้นจาก google ก็เจอ
Date : 2009-04-04 00:10:57 By : dekcom
 

 

No. 3



โพสกระทู้ ( 43 )
บทความ ( 0 )



สถานะออฟไลน์


จะเขียนเงื่อนไขเพิ่มยังไงค่ะ
ช่วยแนะนำหน่อยค่ะ
Date : 2009-04-04 08:56:59 By : Kmay
 


 

No. 4



โพสกระทู้ ( 130 )
บทความ ( 0 )



สถานะออฟไลน์


ลองดูคับ

file1
<SCRIPT SRC="calendar.js"></SCRIPT>
<script language="javascript">
function editfill(title,w,h,expdate,id){
document.form1.topic.value=title;
document.form1.width.value=w;
document.form1.height.value=h;
document.form1.expiredate.value=expdate;
document.form1.editid.value=id;
}
</script>
<style>
input {border:1px solid #0080C0}
.dateinput{background:url(date.gif) top left no-repeat; border:solid 1px #0080C0;
padding-left:20px;
}
.expire{color:#999999; background:#DDF4FF;}
.active{color:#000000; background:#DDF4FF;}
</style>

<input name="date" type="text" class="dateinput" id="date" tabindex="5" onFocus="this.select();lcs(this)" onClick="event.cancelBubble=true;this.select();lcs(this)" value="<?=date('j-n-Y') ?>" readonly>

file2
ตั้งชื่อว่า calendar.js
/* --- Swazz Javascript Calendar ---
/* --- v 1.0 3rd November 2006
By Oliver Bryant
http://calendar.swazz.org */

function getObj(objID)
{
if (document.getElementById) {return document.getElementById(objID);}
else if (document.all) {return document.all[objID];}
else if (document.layers) {return document.layers[objID];}
}

function checkClick(e) {
e?evt=e:evt=event;
CSE=evt.target?evt.target:evt.srcElement;
if (getObj('fc'))
if (!isChild(CSE,getObj('fc')))
getObj('fc').style.display='none';
}

function isChild(s,d) {
while(s) {
if (s==d)
return true;
s=s.parentNode;
}
return false;
}

function Left(obj)
{
var curleft = 160;
if (obj.offsetParent)
{
while (obj.offsetParent)
{
curleft += obj.offsetLeft
obj = obj.offsetParent;
}
}
else if (obj.x)
curleft += obj.x;
return curleft;
}

function Top(obj)
{
var curtop = -25;
if (obj.offsetParent)
{
while (obj.offsetParent)
{
curtop += obj.offsetTop
obj = obj.offsetParent;
}
}
else if (obj.y)
curtop += obj.y;
return curtop;
}

document.write('<table id="fc" style="position:absolute;border-collapse:collapse;background:#FFFFFF;border:1px solid #ABABAB;display:none" cellpadding=2>');
document.write('<tr><td style="cursor:pointer" onclick="csubm()"><img src="arrowleftmonth.gif"></td><td colspan=5 id="mns" align="center" style="font:bold 13px Arial"></td><td align="right" style="cursor:pointer" onclick="caddm()"><img src="arrowrightmonth.gif"></td></tr>');
document.write('<tr><td align=center style="background:#ABABAB;font:12px Arial">S</td><td align=center style="background:#ABABAB;font:12px Arial">M</td><td align=center style="background:#ABABAB;font:12px Arial">T</td><td align=center style="background:#ABABAB;font:12px Arial">W</td><td align=center style="background:#ABABAB;font:12px Arial">T</td><td align=center style="background:#ABABAB;font:12px Arial">F</td><td align=center style="background:#ABABAB;font:12px Arial">S</td></tr>');
for(var kk=1;kk<=6;kk++) {
document.write('<tr>');
for(var tt=1;tt<=7;tt++) {
num=7 * (kk-1) - (-tt);
document.write('<td id="v' + num + '" style="width:18px;height:18px">&nbsp;</td>');
}
document.write('</tr>');
}
document.write('</table>');

document.all?document.attachEvent('onclick',checkClick):document.addEventListener('click',checkClick,false);


// Calendar script
var now = new Date;
var sccm=now.getMonth();
var sccy=now.getFullYear();
var ccm=now.getMonth();
var ccy=now.getFullYear();

var updobj;
function lcs(ielem) {
updobj=ielem;
getObj('fc').style.left=Left(ielem);
getObj('fc').style.top=Top(ielem)+ielem.offsetHeight;
getObj('fc').style.display='';

// First check date is valid
curdt=ielem.value;
curdtarr=curdt.split('/');
isdt=true;
for(var k=0;k<curdtarr.length;k++) {
if (isNaN(curdtarr[k]))
isdt=false;
}
if (isdt&(curdtarr.length==3)) {
ccm=curdtarr[1]-1;
ccy=curdtarr[2];
prepcalendar(curdtarr[0],curdtarr[1]-1,curdtarr[2]);
}

}

function evtTgt(e)
{
var el;
if(e.target)el=e.target;
else if(e.srcElement)el=e.srcElement;
if(el.nodeType==3)el=el.parentNode; // defeat Safari bug
return el;
}
function EvtObj(e){if(!e)e=window.event;return e;}
function cs_over(e) {
evtTgt(EvtObj(e)).style.background='#FFCC66';
}
function cs_out(e) {
evtTgt(EvtObj(e)).style.background='#C4D3EA';
}
function cs_click(e) {
updobj.value=calvalarr[evtTgt(EvtObj(e)).id.substring(1,evtTgt(EvtObj(e)).id.length)];
getObj('fc').style.display='none';

}

var mn=new Array('?.?.','?.?.','??.?.','??.?.','?.?.','??.?.','?.?.','?.?.','?.?.','?.?.','?.?.','?.?.');
var mnn=new Array('31','28','31','30','31','30','31','31','30','31','30','31');
var mnl=new Array('31','29','31','30','31','30','31','31','30','31','30','31');
var calvalarr=new Array(42);

function f_cps(obj) {
obj.style.background='#C4D3EA';
obj.style.font='10px Arial';
obj.style.color='#333333';
obj.style.textAlign='center';
obj.style.textDecoration='none';
obj.style.border='1px solid #6487AE';
obj.style.cursor='pointer';
}

function f_cpps(obj) {
obj.style.background='#C4D3EA';
obj.style.font='10px Arial';
obj.style.color='#ABABAB';
obj.style.textAlign='center';
obj.style.textDecoration='line-through';
obj.style.border='1px solid #6487AE';
obj.style.cursor='default';
}

function f_hds(obj) {
obj.style.background='#FFF799';
obj.style.font='bold 10px Arial';
obj.style.color='#333333';
obj.style.textAlign='center';
obj.style.border='1px solid #6487AE';
obj.style.cursor='pointer';
}

// day selected
function prepcalendar(hd,cm,cy) {
now=new Date();
sd=now.getDate();
td=new Date();
td.setDate(1);
td.setFullYear(cy);
td.setMonth(cm);
cd=td.getDay();
getObj('mns').innerHTML=mn[cm]+ ' ' + cy;
marr=((cy%4)==0)?mnl:mnn;
for(var d=1;d<=42;d++) {
f_cps(getObj('v'+parseInt(d)));
if ((d >= (cd -(-1))) && (d<=cd-(-marr[cm]))) {
dip=((d-cd < sd+1)&&(cm==sccm)&&(cy==sccy));

htd=((hd!='')&&(d-cd==hd));
if (dip)
f_cpps(getObj('v'+parseInt(d)));
else if (htd)
f_hds(getObj('v'+parseInt(d)));
else
f_cps(getObj('v'+parseInt(d)));

getObj('v'+parseInt(d)).onmouseover=(dip)?null:cs_over;
getObj('v'+parseInt(d)).onmouseout=(dip)?null:cs_out;
getObj('v'+parseInt(d)).onclick=(dip)?null:cs_click;

getObj('v'+parseInt(d)).innerHTML=d-cd;
calvalarr[d]=''+(d-cd)+''+(cm-(-1))+''+cy;
}
else {
getObj('v'+d).innerHTML='&nbsp;';
getObj('v'+parseInt(d)).onmouseover=null;
getObj('v'+parseInt(d)).onmouseout=null;
getObj('v'+parseInt(d)).style.cursor='default';
}
}
}

prepcalendar('',ccm,ccy);
//getObj('fc'+cc).style.visibility='hidden';

function caddm() {
marr=((ccy%4)==0)?mnl:mnn;

ccm+=1;
if (ccm>=12) {
ccm=0;
ccy++;
}
cdayf();
prepcalendar('',ccm,ccy);
}

function csubm() {
marr=((ccy%4)==0)?mnl:mnn;

ccm-=1;
if (ccm<0) {
ccm=11;
ccy--;
}
cdayf();
prepcalendar('',ccm,ccy);
}

function cdayf() {
if ((ccy>sccy)|((ccy==sccy)&&(ccm>=sccm)))
return;
else {
ccy=sccy;
ccm=sccm;
//cfd=scfd;
}
}
Date : 2009-04-07 16:30:12 By : cmdping
 


 

No. 5



โพสกระทู้ ( 15 )
บทความ ( 0 )



สถานะออฟไลน์


ถ้าจะให้แสดงผลเป็น 12/02/2010 ละค่ะ ใครก็ได้ ช่วยอธิบายทีค่ะ
แต่จากโค๊ด มันไม่มี / ขั้นเลยอะค่ะ
Date : 2010-11-25 23:31:41 By : jaajang
 


 

No. 6

Guest


ใช้ jquery ui เข้าช่วยก็ได้ครับ โดยกำหนด option ให้มันเลือกได้เฉพาะวันที่ปจุบันป็นต้นไป

$("#dateInput").datepicker({minDate: 0});
Date : 2010-11-26 09:20:42 By : เต่าน้อย
 


 

No. 7



โพสกระทู้ ( 15 )
บทความ ( 0 )



สถานะออฟไลน์


ขอบคุณมากค่ะ ใช้ jquery ui ช่วยได้จริงๆ
Date : 2010-11-26 11:34:18 By : jaajang
 


 

No. 8

Guest


แอ๊กกกกกกกก ช่วยได้ยังไง มาเฉลยมั่งซี๊ เผื่อคนอื่นเขาอยากใช้ด้วยง๊าาาา
เอาโค้ดมาลงเดี๋ยวนี้น๊ะะะะะ
Date : 2010-11-26 11:57:51 By : เต่าน้อย
 


 

No. 9



โพสกระทู้ ( 15 )
บทความ ( 0 )



สถานะออฟไลน์


ดาวน์โหลด jQuery UI ได้ที่เว็บไซต์ http://jqueryui.com/ หรือ http://www.ninenik.com/download/jquery-ui-1.7.2.custom.zip

แตกไฟล์ ซึ่งจะมีโฟลเดอร์ css และ js อยู่

//การเรียกใช้งาน jQuery UI

<link rel="stylesheet" type="text/css" href="css/smoothness/jquery-ui-1.7.2.custom.css">
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript">

$(function(){
// แทรกโค้ต jquery
$("#dateInput").datepicker({ dateFormat: 'yy/mm/dd' });
// รูปแบบวันที่ที่ได้จะเป็น 2009/08/16
});
</script>
</script>

//-----------------------------------

//CSS code กำหนดความกว้าง และขนาดตัวอักษรของ ปฏิทิน

<style type="text/css">
.ui-datepicker{
width:150px;
font-family:tahoma;
font-size:11px;
text-align:center;
}
</style>



//---------------------------------------
// text box สำหรับเลือกวันที่จากปฏิทิน
<input type="text" name="dateInput" id="dateInput" />



ประมาณนี้ค่ะ ต้องลอง ไม่ลองไม่รู้ ^^
ที่มา : http://www.ninenik.com/%E0%B9%80%E0%B8%A3%E0%B8%B4%E0%B9%88%E0%B8%A1%E0%B8%95%E0%B9%89%E0%B8%99_jQuery_UI_%E0%B8%81%E0%B8%B1%E0%B8%9A%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%AA%E0%B8%A3%E0%B9%89%E0%B8%B2%E0%B8%87_%E0%B8%9B%E0%B8%8F%E0%B8%B4%E0%B8%97%E0%B8%B4%E0%B8%99%E0%B9%80%E0%B8%A5%E0%B8%B7%E0%B8%AD%E0%B8%81%E0%B8%A7%E0%B8%B1%E0%B8%99%E0%B8%97%E0%B8%B5%E0%B9%88_datepicker_-212.html
Date : 2010-12-04 23:57:40 By : jaajang
 


 

No. 10



โพสกระทู้ ( 15 )
บทความ ( 0 )



สถานะออฟไลน์


แก้ไข นิดนึง

ตรง // แทรกโค้ต jquery จะเป็น ไม่ให้เลือกวันย้อนหลัง และรูปแแบบจะขั้นด้วย / จะเป็น 12/02/2010

$("#dateInput").datepicker({minDate: 0,dateFormat: 'dd/mm/yy'});
Date : 2010-12-05 00:01:19 By : jaajang
 


 

No. 11

Guest


แล้วคำสั่ง ในการ นำข้อมูลเข้าดาต้าเบส ละครับ ต้องใช้ยังไง คำสัง sql ครับ
Date : 2011-02-16 12:24:14 By : adman
 


 

No. 12



โพสกระทู้ ( 3 )
บทความ ( 0 )



สถานะออฟไลน์
Twitter Facebook

ขอบคุณมากๆๆครับ เยี่ยม
Date : 2011-04-07 00:18:56 By : jeeza
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : เกี่ยวกับวันที่ - เมื่อกดรูปปฎิทิน แล้ววันที่ที่เลือกจะใส่ลงใน textbox จะทำยังไงไม่ให้สามารถเลือกวันที่หลังจากวันที่ปัจจุบันได้ค่ะ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
 Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 00
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่