CINXE.COM

Pharmacy Council of India

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Pharmacy Council of India</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"> <link href="css/font-awesome.min.css" rel="stylesheet"> <link href="css/animate.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="css/pignose.calendar.min.css"/> <link rel="stylesheet" type="text/css" href="vendor/engine1/style.css" /> <!-- <script type="text/javascript" src="vendor/engine1/jquery.js"></script>--> </head> <body> <div class="wrapper"> <div class="container-fluid"> <div class="row"> <div class="togglediv"> <div class="col-md-4"> <ul class="toggledivlist"> <li><a href="#"><i class="fa fa-facebook-official facontent" aria-hidden="true"></i></a></li> <li><a href="#"><i class="fa fa-twitter-square facontent" aria-hidden="true"></i></a></li> <li><a href="#"><i class="fa fa-google-plus-square facontent" aria-hidden="true"></i></a></li> <li><a href="#"><i class="fa fa-linkedin-square facontent" aria-hidden="true"></i></a></li> </ul> </div> <div class="col-md-8"> <ul class="toggledivlist"> <li><a href="#"></a></li> <li><a href="#">Language</a><br> <div id="google_translate_element"></div> <!-- <button class="btn btn-xs btnstyle">English</button> <button class="btn btn-xs btnstyle"> हिंदी</button>--> </li> <li><a href="#">Text Size</a><br> <button id="linkIncrease" class="btn btn-xs btnstyle"><b>A+</b></button> <button id="linkReset" class="btn btn-xs btnstyle"><b>A</b>&nbsp;</button> <button id="linkDecrease" class="btn btn-xs btnstyle"><b>A-</b></button> </li> <li><a href="#">Color</a><br> <button class="btn btn-xs btnstyle1" id="co">&nbsp;&nbsp;&nbsp;</button> <button class="btn btn-xs btnstyle3" id="co2">&nbsp;&nbsp;&nbsp;</button> <button class="btn btn-xs btnstyle2" id="co1">&nbsp;&nbsp;&nbsp;</button> <button class="btn btn-xs btnstyle4" id="co3">&nbsp;&nbsp;&nbsp;</button> <button class="btn btn-xs btnstyle5" id="co4">&nbsp;&nbsp;&nbsp;</button> </li> <li>&nbsp;&nbsp;&nbsp;</li> </ul> </div> </div> </div> <div class="row"> <nav class="navbar-default nav-style"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="collapse navbar-collapse" id="navbar-collapse"> <ul class="nav navbar-nav navbar-right"> <li><a href="index.html">Home</a></li> <li><a href="procedure_forms.html">Procedure/Forms</a></li> <li class=""><a href="#" onclick="goBack()">Skip to main Content</a></li> <!-- <li> <form class="navbar-form navbar-left" action=""> <div class="input-group"> <input type="text" class="form-control searchbtn" placeholder="Search" name="search"> <div class="input-group-btn"> <button class="btn btn-default btn-xs1 searchbtn" type="submit"> <i class="fa fa-search fa-xs" aria-hidden="true"></i> </button> </div> </div> </form> </li> <li class="appimg"><a href="http://164.100.187.132"><span class="blink_me glyphicon glyphicon-hand-right">&nbsp; </span><img src="images/appo2.gif"></a></li>--> <li class="digipharmed"><a href="http://164.100.187.132"><span class="blink_me glyphicon glyphicon-hand-right">&nbsp; </span><b>DIGI-PHARMed</b></a></li> <li> <span class="accordion togglebtn"></span> <!-- <button class="btn btn-xs btnstyle1" id="co">&nbsp;&nbsp;&nbsp;</button> <button class="btn btn-xs btnstyle3" id="co2">&nbsp;&nbsp;&nbsp;</button> <button class="btn btn-xs btnstyle2" id="co1">&nbsp;&nbsp;&nbsp;</button>--> </li> <li><img class="gifimg" src="images/arrow_left.gif"></li> </ul> </nav> </div> <div class="row"> <div class="header"><img class="img-responsive" src="images/header5.png"> </div> </div> <div class="row"> <div class="menu"> <div id="navbar"> <nav class="navbar1 navbar-default navbar-fnt navbar-backgrnd nav-size" role="navigation"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <!-- *********************General Information *************************** --> <div class="collapse navbar-collapse" id="navbar-collapse-1"> <ul class="nav navbar-nav"> <li class="dropdown"><a href="" class="dropdown-toggle" data-toggle="dropdown">General Information <b class="caret"></b></a> <ul class="dropdown-menu"> <li class="dropdown dropdown-submenu"><a href="" class="dropdown-toggle" data-toggle="dropdown">About PCI</a> <ul class="dropdown-menu"> <li><a href="GenInfo_About_Introduction.html">Introduction</a></li> <li><a href="GenInfo_About_PCIOfficers.html">PCI Officers Directory</a></li> <li class="dropdown dropdown-submenu"><a href="" class="dropdown-toggle" data-toggle="dropdown">Annual Reports</a> <ul class="dropdown-menu"> <li><a href="#">For 2005 To 2006</a></li> <li><a href="#">For 2006 To 2007</a></li> <li><a href="#">For 2007 To 2008</a></li> <li><a href="#">For 2008 To 2009</a></li> <li><a href="#">For 2009 To 2010</a></li> <li><a href="#">For 2010 To 2011</a></li> <li><a href="#">For 2011 To 2012</a></li> <li><a href="#">For 2012 To 2013</a></li> </ul></li> <li><a href="GenInfo_About_Highlights.html">Highlights</a></li> </ul></li> <li class="dropdown dropdown-submenu"><a href="" class="dropdown-toggle" data-toggle="dropdown">Council Members</a> <ul class="dropdown-menu"> <li><a href="GenInfo_CouncilMembers_CentralCouncil.html">Central Council</a></li> <li><a href="GenInfo_CouncilMembers_ExecCommittee.html">Executive Committee</a></li> <li><a href="GenInfo_CouncilMembers_EducationRegCommittee.html">Education Regulations Committee</a></li> <li><a href="GenInfo_CouncilMembers_LawCommittee.html">Law Committee</a></li> <li><a href="GenInfo_CouncilMembers_ProfessionalPharmacyandPublicRelationsCommittee.html">Professional Pharmacy & Public Relation Committee</a></li> <li><a href="GenInfo_CouncilMembers_FinancesCommittee.html">Finance Committee</a></li> <li><a href="GenInfo_CouncilMembers_PCICommitteeOnCurbingtheMenaceOfRagging.html">PCI Committee on Curbing the Menace of ragging</a></li> <li><a href="GenInfo_CouncilMembers_Anti-RaggingCommittee.html">Nodal Officer of Anti-Ragging Committee</a></li> </ul></li> <li><a href="GenInfo_PCIExecutive.html">PCI Executive</a></li> <li><a href="GenInfo_ContactUs.html">Contact Us</a></li> <li><a href="#">Guest Book</a></li> <li><a href="GenInfo_LatestNews.html">Latest News</a></li> <li><a href="GenInfo_StatesPharmacyCouncil.html">State Pharmacy Councils</a></li> <li class="dropdown dropdown-submenu"><a href="" class="dropdown-toggle" data-toggle="dropdown">Annual Account</a> <ul class="dropdown-menu"> <li><a href="pdf/AnnualAccounts(2013-14).pdf" class="view-pdf">2013-2014</a></li> <li><a href="pdf/AnnualAccounts(2014-15).pdf" class="view-pdf">2014-2015</a></li> <li><a href="pdf/AnnualAccounts(2015-16).pdf" class="view-pdf">2015-2016</a></li> </ul></li> <li class="dropdown dropdown-submenu"><a href="" class="dropdown-toggle" data-toggle="dropdown">Annual Report</a> <ul class="dropdown-menu"> <li><a href="pdf/AnnualReport(2013-2014).pdf" class="view-pdf">2013-2014</a></li> <li><a href="pdf/AnnualReport(2014-2015).pdf" class="view-pdf">2014-2015</a></li> <li><a href="pdf/AnnualReport(2015-2016).pdf"class="view-pdf">2015-2016</a></li> </ul></li> </ul></li> <!-- ******************End General Information ********************** --> <!-- ******************Rules/ Regulations & Syllabus ********************** --> <li class="dropdown"><a href="" class="dropdown-toggle" data-toggle="dropdown">Rules/ Regulations & Syllabus <b class="caret"></b></a> <ul class="dropdown-menu"> <li class="dropdown dropdown-submenu"><a href="" class="dropdown-toggle" data-toggle="dropdown">Pharmacy Act 1948</a> <ul class="dropdown-menu"> <li><a href="pharmaact_chapter1.html">Chapter 1</a></li> <li><a href="pharmaact_chapter2.html">Chapter 2</a></li> <li><a href="pharmaact_chapter3.html">Chapter 3</a></li> <li><a href="pharmaact_chapter4.html">Chapter 4</a></li> <li><a href="pharmaact_chapter5.html">Chapter 5</a></li> </ul></li> <li class="dropdown dropdown-submenu"><a href="" class="dropdown-toggle" data-toggle="dropdown">Education Regulations 1991</a> <ul class="dropdown-menu"> <li><a href="education_regulations_chapter1.html">Chapter 1</a></li> <li><a href="education_regulations_chapter2.html">Chapter 2</a></li> <li><a href="education_regulations_chapter3.html">Chapter 3</a></li> <li><a href="education_regulations_chapter4.html">Chapter 4</a></li> </ul></li> <li><a href="RulesRegSyllabus_ AmendmenttoEducationRegulation.html">Amendment to Education Regulation, 1991</a></li> <li><a href="pdf/PharmD-Revised-A.pdf" class="view-pdf">Pharm.D. Regulations,2008</a></li> <li><a href="pdf/Menace-of-Ragging-new.pdf" class="view-pdf">Pharmacy Council Of India Regulations on <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; curbing the Menace of Ragging in Pharmacy<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Colleges, 2011 (As Approved by Health Ministry <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; vide letter no.V-13012/01/2009-PMS dt.29/02/2012) </a></li> <li><a href="pdf/Bridge_Course_Regulations.pdf" class="view-pdf">Bachelor of Pharmacy (Practice) Regulations,2014</a></li> <li><a href="pdf/B.Pharm Regulations.pdf" class="view-pdf">The Bachelor of Pharmacy (B.Pharm) Course <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Regulations,2014 </a></li> <li><a href="pdf/Syllabus_B_Pharm.pdf" class="view-pdf">Final Scheme & Syllabus for B.Pharm course<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; implemented from 2016-17 academic session </a></li> <li><a href="pdf/M.Pharm Regulations.pdf" class="view-pdf">The Master of Pharmacy (M.Pharm) Course<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Regulations,2014 </a></li> <li><a href="pdf/Syllabus_M_Pharm.pdf" class="view-pdf">Final Scheme & Syllabus for M.Pharm course <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; implemented from 2016-17 academic session </a></li> <li><a href="pdf/Teachers Education Regulation.pdf" class="view-pdf">Minimum Qualification for Teachers in Pharmacy <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Institutions Regulations,2014 </a></li> <li><a href="pdf/Pharmacy Practice Regulations.pdf" class="view-pdf">Pharmacy Practice Regulations,2015</a></li> </ul></li> <!-- ******************End Rules/ Regulations & Syllabus********************** --> <!-- ******************Faculty Database ********************** --> <li class="dropdown"><a href="" class="dropdown-toggle" data-toggle="dropdown">Faculty Database <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#">Search Faculty </a></li> <li><a href="pdf/College_wise_list_of_faculties_in_pharmacy_colleges.pdf" class="view-pdf">Faculty Database</a></li> <li><a href="#">Search Principal</a></li> </ul></li> <!-- ******************End Faculty Database ********************** --> <!-- ******************Decisions of EC/CC ********************** --> <li><a href="Decisions_EC_CC.html">Decisions of EC/CC </a></li> <!-- <!-- ******************End Decisions of EC/CC********************** --> <!-- ******************Policy & Circulars ********************** --> <li class="dropdown"><a href="" class="dropdown-toggle" data-toggle="dropdown">Policy & Circulars <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="pdf/Appendix- I.pdf" class="view-pdf">Affiliation Fees Circular</a></li> <li><a href="PolicyCircular.html">Policy Circulars</a></li> <li><a href="pdf/TA-DA.pdf" class="view-pdf">TA/DA Guidelines</a></li> <li><a href="pdf/policy.pdf" class="view-pdf">Clarification reg ER 91 & Pharma D</a></li> <li class="dropdown dropdown-submenu"><a href="" class="dropdown-toggle" data-toggle="dropdown">Public Notice</a> <ul class="dropdown-menu"> <li><a href="pdf/PublicNotice1.pdf" class="view-pdf">IInd Shift not allowed by PCI</a></li> <li><a href="pdf/PublicNotice2.pdf" class="view-pdf">Not allowed - IInd Shift, admission <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; above sanctioned intake </a></li> <li><a href="pdf/Advisory-to-students-seeking-admission-to-Pharmacy-course.pdf" class="view-pdf">Advisory to students seeking<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; admission to Pharmacy course </a></li> <li><a href="pdf/Last-date-for-submission-of-SIF.pdf" class="view-pdf">Last date for submission of SIF</a></li> <li><a href="pdf/appoinment-of-qualified-teaching-faculty.pdf" class="view-pdf">Appointment of qualified Teaching Faculty</a></li> <li><a href="pdf/StatusofPendingProposals.pdf" class="view-pdf">Status of Pending Proposals of Pharmacy<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Institutions </a></li> </ul></li> <li><a href="pdf/recommendation.pdf" class="view-pdf">PCI Efforts for Pharmacist payscales</a></li> <li><a href="HealthMinistryGrant.html">PCI/Health Ministry Grant</a></li> <li><a href="pdf/CourtJudgment.pdf" class="view-pdf">Court Judgment</a></li> </ul></li> <!-- ******************End Policy & Circulars ********************** --> <!-- ******************Approved Colleges ********************** --> <li class="dropdown"><a href="" class="dropdown-toggle" data-toggle="dropdown">Approved Colleges <b class="caret"></b></a> <ul class="dropdown-menu" > <li><a href="approved_colleges_diplom_us_12.html">Approved Diploma institutions u/s 12 </a></li> <li><a href="Diploma_institutions_only__conduct.html">Diploma institutions only for conduct</a></li> <li><a href="approved_degree_institutes_us__12.html">Approved Degree institutions u/s 12</a></li> <li><a href="degre_institutes-only_for-conduct.html">Degree institutions only for conduct</a></li> <li><a href="ApprovedInstitutionsForConductofPharm.D_and_Pharm.D_PostBaccalaureate_5.html">Approved institutions for conduct of <br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Pharm.D and Pharm.D(Post Baccalaureate) </a></li> <li><a href="approved_institutes_bridge-courses_6.html">Approved institutions for Bridge Course</a></li> <li><a href="approved_institutes_mpharm.html">Approved institutions for M.Pharma Course</a></li> <li><a href="pdf/Traning_Sites.pdf" class="view-pdf">Approved faculty training site under <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Pharm.D Regulations 2008 </a></li> </ul></li> <!-- ******************End Approved Colleges ********************** --> <!-- ******************Pharmacy Awards by PCI ********************** --> <li class="dropdown"><a href="" class="dropdown-toggle" data-toggle="dropdown">Pharmacy Awards by PCI <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="pdf/PUBLIC NOTICE.pdf" class="view-pdf"> Public Notice</a></li> <li><a href="pdf/Scheme for Pharmacy Awards.pdf" class="view-pdf">Scheme for Pharmacy Awards</a></li> <li><a href="pdf/Criteria for Selection for the Pharmacy Awards.pdf" class="view-pdf">Criteria for Selection for the Pharmacy <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Awards </a></li> <li><a href="pdf/Application Form for Pharmacy Award(For category i) to vi)).pdf" class="view-pdf">Application Form for Pharmacy Award <br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; (for category i) to vi) of the scheme) </a></li> <li><a href="pdf/Instructions for preparing a Resume by the Applicant for Pharmacy Award.pdf" class="view-pdf">Instruction for preparing a Resume by<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; the Applicant for Pharmacy Award<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; (for category i) to vi) of the scheme) </a></li> <li><a href="pdf/Application Form for Pharmacy Award(categories vii).pdf" class="view-pdf">Application Form for Pharmacy Award <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; (for category vii) of the scheme) </a></li> <li><a href="pdf/Office Order for Constitution of Selection Committee.pdf" class="view-pdf">Office Order for Constitution of Selection<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Committee for Pharmacy Awards </a></li> </ul></li> <!-- ******************End Pharmacy Awards by PCI ********************** --> </ul> </div> </nav> </div> </div> </div> <!-- ******************content********************** --> <div class="form_content" id="divContent"> <br> <div class="subhead">COMMITTEE MEMBERS ON CURBING THE MENACE OF RAGGING</div><br> <div class="col-md-offset-2"> <table class="table" border="1" style="width:80%"> <thead class="thead-inverse"> <tr> <th class="t_head">S.NO.</th> <th class="t_head">Name and Address</th> <th colspan=2 class="t_head">Telephone Number</th> </tr> <tr> <td>1.</td> <td>Dr. Shailendra Saraf <br> Professor & Director Dean,<br> Faculty of Technology Institute of Pharmacy<br> Pt. Ravishankar Shukla University<br> Raipur-492 010 (Chhattisgarh)</td> <td>Tel. No. :<br><br> Fax No.<br> Mobile No. :<br> E.Mail:</td> <td>0771 - 2262832 (O)<br> 0771 - 2263404 (R) <br> 0771-2262832 <br> 09826150327 <br> shailendrasaraf [at] rediffmail.com</td> </tr> <tr> <td>2.</td> <td>Dr.B.P. Srinivasan, B.Pharm <br> (Ex-Director Delhi Institute of Pharmaceutical Science & Research<br> A-1533, Green Field Colony<br> FARIDABAD – 121 003 (Haryana)</td> <td> Mobile No.Tel No. : <br> E.Mail : </td> <td>9810972672, <br> bpsrinivasan@yahoo.com</td> </tr> <tr> <td>3.</td> <td>Dr. Preeti Kothiyal <br> (Formerly-Professor Faculty of Pharmacy. DIT, Dehradun)<br> Presently-Principal<br> Division of Pharmaceutical Sciences<br> Sri Guru Ram Rai Institute of Tech. and Science<br> Dehradun, Uttarakhand.</td> <td>Mobile No. :</td> <td>07579031357</td> </tr> <tr> <td>4.</td> <td> Dr. V. Gopal<br> Professor & HOD<br> College of Pharmacy <br> Mother Theresa Instt. of Health Sciences Govt.<br> Pharmacy Complex Indira Nagar, <br> Gorimedu Puducherry – 605 006</td> <td> Tel No. : <br> Mobile No. :<br> E.Mail:</td> <td>0413-2273008, 2272548<br> 09894832221<br> gopalveni@yahoo.com</td> </tr> </tbody> </table> <br> </div> </div> <br><br> <div class="row"> <div class="footer"> <div class="col-md-6"> <ul class="footerlist"> <li><a href="#">Terms & Conditions</a></li> <li><a href="#">Privacy Policy</a></li> <li><a href="#">Copyright Policy</a></li> <li><a href="#">Disclaimer</a></li> <li><a href="#">Help</a></li> <li><p>© Copyright 2018 by National Informatics Center</p></li> </ul> </div> <div class="col-md-offset-2 col-md-4"><br> <!--<img src="images/nic.png" class="niclogo img-responsive">--> <p class="footerp">Designed and Developed for Pharmacy Council of India</p> </div> </div> </div> </div> </div> </body> <script src="vendor/bootstrap/js/bootstrap.min.js"></script> <!-- <script src="js/jquery.min.js"></script>--> <script type="text/javascript" src="vendor/engine1/wowslider.js"></script> <script type="text/javascript" src="vendor/engine1/script.js"></script> <script type="text/javascript" src="js/lan.js"></script> <script type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL}, 'google_translate_element'); } </script> <script type="text/javascript" src="js/pdfview.js"></script> <SCRIPT LANGUAGE="JavaScript"> function button_click() { if (document.getElementById('b1').value == "Start") { document.getElementById('b1').value = "Stop"; document.getElementById('scroll_news4').start(); } else { document.getElementById('b1').value = "Start"; document.getElementById('scroll_news4').stop(); } } </script> <script> $({Counter: 0}).animate({ Counter: $('.Single').text() }, { duration: 1000, easing: 'swing', step: function () { $('.Single').text(Math.ceil(this.Counter)); } }); $({Counter: 0}).animate({ Counter: $('.Single1').text() }, { duration: 1000, easing: 'swing', step: function () { $('.Single1').text(Math.ceil(this.Counter)); } }); $({Counter: 0}).animate({ Counter: $('.Single2').text() }, { duration: 1000, easing: 'swing', step: function () { $('.Single2').text(Math.ceil(this.Counter)); } }); $({Counter: 0}).animate({ Counter: $('.Single3').text() }, { duration: 1000, easing: 'swing', step: function () { $('.Single3').text(Math.ceil(this.Counter)); } }); </script> <script type="text/javascript"> $(function () { $('#wrapper .version strong').text('v' + $.fn.pignoseCalendar.version); function onSelectHandler(date, context) { /** * @date is an array which be included dates(clicked date at first index) * @context is an object which stored calendar interal data. * @context.calendar is a root element reference. * @context.calendar is a calendar element reference. * @context.storage.activeDates is all toggled data, If you use toggle type calendar. * @context.storage.events is all events associated to this date */ var $element = context.element; var $calendar = context.calendar; var $box = $element.siblings('.box').show(); var text = 'You selected date '; if (date[0] !== null) { text += date[0].format('YYYY-MM-DD'); } if (date[0] !== null && date[1] !== null) { text += ' ~ '; } else if (date[0] === null && date[1] == null) { text += 'nothing'; } if (date[1] !== null) { text += date[1].format('YYYY-MM-DD'); } $box.text(text); } function onApplyHandler(date, context) { /** * @date is an array which be included dates(clicked date at first index) * @context is an object which stored calendar interal data. * @context.calendar is a root element reference. * @context.calendar is a calendar element reference. * @context.storage.activeDates is all toggled data, If you use toggle type calendar. * @context.storage.events is all events associated to this date */ var $element = context.element; var $calendar = context.calendar; var $box = $element.siblings('.box').show(); var text = 'You applied date '; if (date[0] !== null) { text += date[0].format('YYYY-MM-DD'); } if (date[0] !== null && date[1] !== null) { text += ' ~ '; } else if (date[0] === null && date[1] == null) { text += 'nothing'; } if (date[1] !== null) { text += date[1].format('YYYY-MM-DD'); } $box.text(text); } // Default Calendar $('.calendar').pignoseCalendar({ select: onSelectHandler }); // Input Calendar $('.input-calendar').pignoseCalendar({ apply: onApplyHandler, buttons: true, // It means you can give bottom button controller to the modal which be opened when you click. }); // Calendar modal var $btn = $('.btn-calendar').pignoseCalendar({ apply: onApplyHandler, modal: true, // It means modal will be showed when you click the target button. buttons: true }); // Color theme type Calendar $('.calendar-dark').pignoseCalendar({ theme: 'dark', // light, dark, blue select: onSelectHandler }); // Blue theme type Calendar $('.calendar-blue').pignoseCalendar({ theme: 'blue', // light, dark, blue select: onSelectHandler }); // Schedule Calendar $('.calendar-schedules').pignoseCalendar({ scheduleOptions: { colors: { holiday: '#2fabb7', seminar: '#5c6270', meetup: '#ef8080' } }, schedules: [{ name: 'holiday', date: '2017-08-08' }, { name: 'holiday', date: '2017-09-16' }, { name: 'holiday', date: '2017-10-01', }, { name: 'holiday', date: '2017-10-05' }, { name: 'holiday', date: '2017-10-18', }, { name: 'seminar', date: '2017-11-14' }, { name: 'seminar', date: '2017-12-01', }, { name: 'meetup', date: '2018-01-16' }, { name: 'meetup', date: '2018-02-01', }, { name: 'meetup', date: '2018-02-18' }, { name: 'meetup', date: '2018-03-04', }, { name: 'meetup', date: '2018-04-01' }, { name: 'meetup', date: '2018-04-19', }], select: function (date, context) { var message = `You selected ${(date[0] === null ? 'null' : date[0].format('YYYY-MM-DD'))}. <br /> <br /> <strong>Events for this date</strong> <br /> <br /> <div class="schedules-date"></div>`; var $target = context.calendar.parent().next().show().html(message); for (var idx in context.storage.schedules) { var schedule = context.storage.schedules[idx]; if (typeof schedule !== 'object') { continue; } $target.find('.schedules-date').append('<span class="ui label default">' + schedule.name + '</span>'); } } }); // Multiple picker type Calendar $('.multi-select-calendar').pignoseCalendar({ multiple: true, select: onSelectHandler }); // Toggle type Calendar $('.toggle-calendar').pignoseCalendar({ toggle: true, select: function (date, context) { var message = `You selected ${(date[0] === null ? 'null' : date[0].format('YYYY-MM-DD'))}. <br /> <br /> <strong>Events for this date</strong> <br /> <br /> <div class="active-dates"></div>`; var $target = context.calendar.parent().next().show().html(message); for (var idx in context.storage.activeDates) { var date = context.storage.activeDates[idx]; if (typeof date !== '<span class="ui label"><i class="fas fa-code"></i>string</span>') { continue; } $target.find('.active-dates').append('<span class="ui label default">' + date + '</span>'); } } }); // Disabled date settings. (function () { // IIFE Closure var times = 30; var disabledDates = []; for (var i = 0; i < times; /* Do not increase index */) { var year = moment().year(); var month = 0; var day = parseInt(Math.random() * 364 + 1); var date = moment().year(year).month(month).date(day).format('YYYY-MM-DD'); if ($.inArray(date, disabledDates) === -1) { disabledDates.push(date); i++; } } disabledDates.sort(); var $dates = $('.disabled-dates-calendar').siblings('.guide').find('.guide-dates'); for (var idx in disabledDates) { $dates.append('<span>' + disabledDates[idx] + '</span>'); } $('.disabled-dates-calendar').pignoseCalendar({ select: onSelectHandler, disabledDates: disabledDates }); }()); // Disabled Weekdays Calendar. $('.disabled-weekdays-calendar').pignoseCalendar({ select: onSelectHandler, disabledWeekdays: [0, 6] }); // Disabled Range Calendar. var minDate = moment().set('dates', Math.min(moment().day(), 2 + 1)).format('YYYY-MM-DD'); var maxDate = moment().set('dates', Math.max(moment().day(), 24 + 1)).format('YYYY-MM-DD'); $('.disabled-range-calendar').pignoseCalendar({ select: onSelectHandler, minDate: minDate, maxDate: maxDate }); // Multiple Week Select $('.pick-weeks-calendar').pignoseCalendar({ pickWeeks: true, multiple: true, select: onSelectHandler }); // Disabled Ranges Calendar. $('.disabled-ranges-calendar').pignoseCalendar({ select: onSelectHandler, disabledRanges: [ ['2016-10-05', '2016-10-21'], ['2016-11-01', '2016-11-07'], ['2016-11-19', '2016-11-21'], ['2016-12-05', '2016-12-08'], ['2016-12-17', '2016-12-18'], ['2016-12-29', '2016-12-30'], ['2017-01-10', '2017-01-20'], ['2017-02-10', '2017-04-11'], ['2017-07-04', '2017-07-09'], ['2017-12-01', '2017-12-25'], ['2018-02-10', '2018-02-26'], ['2018-05-10', '2018-09-17'], ] }); // I18N Calendar $('.language-calendar').each(function () { var $this = $(this); var lang = $this.data('lang'); $this.pignoseCalendar({ lang: lang }); }); // This use for DEMO page tab component. $('.menu .item').tab(); }); //]]> </script> <script type="text/javascript" src="js/pignose.calendar.full.min.js"></script> </html>

Pages: 1 2 3 4 5 6 7 8 9 10